@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.cleaFix:before,.cleaFix:after{content:"";clear:both;display:table}*{box-sizing:border-box}body{background-color:#f2f3f5}.view{position:relative}.header{position:sticky;top:0;left:0;right:0;z-index:10000;background-color:#fff;border-bottom:.0625rem solid #e5e7eb}.header .container{max-width:80rem;height:6.25rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem}.header .container .logo{display:flex;align-items:center;gap:2rem}.header .container .logo img{border-radius:.375rem;height:4rem;display:block}.header .container .logo h1{font-size:1.5rem;font-weight:700}.header .container .box .hamburger{display:none}@media (max-width: 768px){.header .container .box .hamburger{display:block}}.header .container .nav{height:inherit;display:flex;align-items:center;justify-content:space-between;color:#333}.header .container .nav>ul{height:inherit;display:flex;align-items:center}@media (max-width: 768px){.header .container .nav>ul{display:none}}.header .container .nav>ul>li{margin:0 1.25rem;position:relative}.header .container .nav>ul>li>a{display:block;padding:1rem 0;color:inherit;font-size:1.125rem;font-weight:700}.header .container .nav>ul>li>ul{display:none;padding:.5rem 0;position:absolute;z-index:10;left:50%;transform:translateX(-50%,0);background:#fff;box-shadow:0 .2rem .5rem #0003;border-top:.25rem solid #1e80ff}.header .container .nav>ul>li>ul>li>a{display:block;padding:.75rem 1rem;color:#3d3d3d;font-size:.875rem;white-space:nowrap}.header .container .nav>ul>li:hover>ul{display:block;transform:translate(-50%,-.5rem)}.header .container .avatar{margin-left:2rem}.header .container .avatar a{display:inline-block}.header .container .avatar a img{width:3rem;border-radius:50%;object-fit:cover}.main{display:flex;max-width:80rem;margin:0 auto;gap:2rem;padding:1rem 2.5rem}@media (min-width: 768px) and (max-width: 1024px){.main{padding:1rem 0}}@media (max-width: 768px){.main{padding:1rem 0}}@media (min-width: 768px) and (max-width: 1024px){.main #leftNav{display:none}}@media (max-width: 768px){.main #leftNav{display:none}}.main .left-nav{position:sticky;top:7.3125rem;left:0;right:0;width:10rem;min-width:10rem;color:#333;font-size:1.125rem;height:100%}@media (min-width: 768px) and (max-width: 1024px){.main .left-nav{display:none}}@media (max-width: 768px){.main .left-nav{display:none}}.main .left-nav ul{display:flex;flex-direction:column;gap:.1rem;background:#fff;border-radius:.375rem;padding:1rem}.main .left-nav ul li{width:100%;border-radius:.375rem}.main .left-nav ul li a{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;color:inherit}.main .left-nav ul li a img{width:1.2rem}.main .left-nav ul li:hover{background-color:#f7f8fa}.main .left-nav ul li.active{background-color:#eaf2ff}.main .article-list-container{position:relative}.main .article-list-container,.main .article-container{flex:1;background:#fff;border-radius:.375rem;height:fit-content}.main .article-list-container .article-list-title,.main .article-container .article-list-title{padding:1rem;font-size:2rem;font-weight:700;color:#333;border-bottom:1px solid #eaeaea}.main .article-list-container .article-sorting-controls,.main .article-container .article-sorting-controls{display:flex;gap:1rem;position:absolute;top:1rem;right:1rem}.main .article-list-container .article-sorting-controls .sort-select,.main .article-container .article-sorting-controls .sort-select{padding:5px 10px;border-radius:4px;border:1px solid #ddd}.main .article-list-container .article-sorting-controls .sort-direction,.main .article-container .article-sorting-controls .sort-direction{padding:5px 10px;border-radius:4px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer}.main .article-list-container .article-list,.main .article-container .article-list{padding:.5rem 0}.main .article-list-container .article-list .article-card,.main .article-container .article-list .article-card{padding:0 1rem}.main .article-list-container .article-list .article-card .article-card-content,.main .article-container .article-list .article-card .article-card-content{display:flex;border-bottom:.0625rem solid rgba(153,153,153,.1764705882);padding:1rem 0;cursor:pointer;gap:1.5rem}@media (min-width: 768px) and (max-width: 1024px){.main .article-list-container .article-list .article-card .article-card-content,.main .article-container .article-list .article-card .article-card-content{gap:.5rem}}@media (max-width: 768px){.main .article-list-container .article-list .article-card .article-card-content,.main .article-container .article-list .article-card .article-card-content{gap:.5rem}}.main .article-list-container .article-list .article-card .article-card-content>.left,.main .article-container .article-list .article-card .article-card-content>.left{flex:1;display:flex;flex-direction:column}.main .article-list-container .article-list .article-card .article-card-content>.left .article-title,.main .article-container .article-list .article-card .article-card-content>.left .article-title{font-size:1.125rem;font-weight:700;color:#333}.main .article-list-container .article-list .article-card .article-card-content>.left .article-summary,.main .article-container .article-list .article-card .article-card-content>.left .article-summary{flex:1;font-size:.875rem;color:#999;margin-top:.5rem;margin-bottom:.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta,.main .article-container .article-list .article-card .article-card-content>.left .article-meta{font-size:.875rem;color:#999;margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px) and (max-width: 1024px){.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta,.main .article-container .article-list .article-card .article-card-content>.left .article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 768px){.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta,.main .article-container .article-list .article-card .article-card-content>.left .article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left{display:flex;gap:.5rem}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-author,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-author{color:inherit}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-date,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-date{color:inherit}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats{color:inherit;display:flex;gap:.5rem}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats span,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats span{display:flex;align-items:center}.main .article-list-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats span img,.main .article-container .article-list .article-card .article-card-content>.left .article-meta .article-meta-left .article-stats span img{width:1rem;margin-right:.2rem}.main .article-list-container .article-list .article-card .article-card-content>.left .article-tags,.main .article-container .article-list .article-card .article-card-content>.left .article-tags{display:flex;gap:.25rem;font-size:.75rem;color:#999}@media (min-width: 768px) and (max-width: 1024px){.main .article-list-container .article-list .article-card .article-card-content>.left .article-tags .more,.main .article-container .article-list .article-card .article-card-content>.left .article-tags .more{display:none}}@media (max-width: 768px){.main .article-list-container .article-list .article-card .article-card-content>.left .article-tags .more,.main .article-container .article-list .article-card .article-card-content>.left .article-tags .more{display:none}}.main .article-list-container .article-list .article-card .article-card-content>.left .article-tags .tag,.main .article-container .article-list .article-card .article-card-content>.left .article-tags .tag{padding:.25rem .5rem;background-color:#eee;border-radius:.375rem;color:inherit}.main .article-list-container .article-list .article-card .article-card-content .article-card-cover img,.main .article-container .article-list .article-card .article-card-content .article-card-cover img{display:block;border-radius:.375rem;width:7.5rem;height:5rem}.main .article-list-container .article-list .article-card:last-child .article-card-content,.main .article-container .article-list .article-card:last-child .article-card-content{border-bottom:none}.main .article-content{width:100%;background-color:#fff;border-radius:.375rem;padding:3rem 2rem}.main .article-content .article-cover img{width:100%;object-fit:cover;height:20rem;border-radius:.375rem}.main .article-content .article-header h1{font-size:2rem;font-weight:700;margin:1rem 0;color:#333}.main .article-content .article-header .article-header-meta{display:flex;align-items:center;gap:4rem}@media (min-width: 768px) and (max-width: 1024px){.main .article-content .article-header .article-header-meta{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.main .article-content .article-header .article-header-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.main .article-content .article-header .article-header-meta p{font-size:1rem;color:#999;margin-bottom:1rem}.main .article-content .article-header .article-stats{color:#999;display:flex;gap:.5rem}.main .article-content .article-header .article-stats span{display:flex;align-items:center}.main .article-content .article-header .article-stats span img{width:1rem;margin-right:.2rem}.main .article-content .article-content-detail{font-size:1.125rem;line-height:1.5;margin:1rem 0}.main .article-content .article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.main .article-content .article-meta .tag{padding:.25rem .5rem;background-color:#eee;border-radius:.375rem;color:inherit}.main .follows-page{max-width:1200px;margin:0 auto;padding:20px}.main .page-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#333}.main .section-title{font-size:20px;font-weight:600;margin-bottom:15px;color:#333}.main .featured-follows{margin-bottom:30px}.main .featured-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.main .follows-list-section{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a}.main .follow-count{color:#666;margin-bottom:15px;font-size:14px}.main .follows-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.main .follow-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px #0000000d}.main .follow-card.featured{padding:20px}.main .follow-card-content{display:flex;align-items:center}.main .follow-avatar{flex-shrink:0;margin-right:15px}.main .follow-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.main .follow-card.featured .follow-avatar img{width:70px;height:70px}.main .follow-info{flex:1;overflow:hidden}.main .follow-name{font-size:16px;font-weight:600;margin:0 0 5px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main .follow-signature{font-size:12px;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main .follow-card.featured .follow-name{font-size:18px}.main .follow-card.featured .follow-signature{font-size:14px}.main .follow-action{flex-shrink:0;margin-left:10px}.main .follow-button{padding:6px 12px;border-radius:4px;font-size:12px;background-color:#f0f0f0;color:#333;border:none}.main .follow-button.following{background-color:#f0f0f0;color:#333}@media (max-width: 768px){.main .featured-container{grid-template-columns:1fr;gap:15px}.main .follows-container{grid-template-columns:1fr}}.main .draft-container{max-width:1000px;margin:0 auto;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.main .draft-container .draft-content{width:100%}.main .draft-container .draft-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.main .draft-container .draft-content .header .title{font-size:20px;font-weight:400;color:#333}.main .draft-container .draft-content .header .back-link{text-decoration:none;color:#333;font-size:14px}.main .draft-container .draft-content .header .back-link:hover{color:#000;text-decoration:underline}.main .draft-container .draft-content .content-container{display:flex;flex-wrap:wrap;gap:20px}.main .draft-container .draft-content .content-container .article-card{flex:1;min-width:300px;background-color:#fff;padding:15px;border:1px solid #eee;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.main .draft-container .draft-content .content-container .article-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.main .draft-container .draft-content .content-container .article-card .article-image{margin-bottom:15px}.main .draft-container .draft-content .content-container .article-card .article-image .placeholder-img{background-color:#f0f0f0;height:180px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px}.main .draft-container .draft-content .content-container .article-card .article-title{font-size:16px;margin-bottom:10px;color:#333}.main .draft-container .draft-content .content-container .article-card .article-content{color:#666;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.main .draft-container .draft-content .footer{display:flex;justify-content:flex-end;margin-top:20px;padding-top:10px}.main .draft-container .draft-content .footer .more-link{text-decoration:none;color:#333;font-size:14px}.main .draft-container .draft-content .footer .more-link:hover{color:#000;text-decoration:underline}@media (max-width: 768px){.main .draft-container .draft-content .content-container{flex-direction:column}.main .draft-container .draft-content .content-container .article-card{width:100%;min-width:auto}}.main .income-container{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.main .income-container .income-center{padding:20px}.main .income-container .income-center .section-title{margin-top:0;margin-bottom:20px;font-size:22px;font-weight:600;color:#333}.main .income-container .income-center .income-stats{display:flex;justify-content:space-around;margin:30px 0}.main .income-container .income-center .income-stats .income-item{display:flex;flex-direction:column;align-items:center;transition:transform .2s}.main .income-container .income-center .income-stats .income-item:hover{transform:translateY(-5px)}.main .income-container .income-center .income-stats .income-item .income-circle{width:150px;height:150px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 4px 10px #0000000d}.main .income-container .income-center .income-stats .income-item .income-circle .income-amount{font-size:20px;font-weight:700;color:#333}.main .income-container .income-center .income-stats .income-item .income-type{font-size:16px;margin-bottom:15px;color:#555}.main .income-container .income-center .income-stats .income-item .withdraw-btn,.main .income-container .income-center .income-stats .income-item .query-btn{padding:8px 20px;background-color:#f5f5f5;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:14px}.main .income-container .income-center .income-stats .income-item .withdraw-btn:hover,.main .income-container .income-center .income-stats .income-item .query-btn:hover{background-color:#e0e0e0}.main .income-container .income-center .actions{display:flex;justify-content:center;margin-top:30px}.main .income-container .income-center .actions .back-home-btn{padding:10px 30px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.main .income-container .income-center .actions .back-home-btn:hover{background-color:#333}@media (max-width: 768px){.main .income-container .income-center .income-stats{flex-direction:column;align-items:center;gap:40px}}.main .create-container{width:100%;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.main .create-container .create-content{width:100%}.main .create-container .create-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.main .create-container .create-content .header .title{font-size:20px;font-weight:400;color:#333}.main .create-container .create-content .header .back-link{text-decoration:none;color:#333;font-size:14px}.main .create-container .create-content .header .back-link:hover{color:#000;text-decoration:underline}.main .create-container .create-content .editor-container{margin:20px 0}.main .create-container .create-content .editor-container .editor{width:100%;height:300px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:none}.main .create-container .create-content .editor-container .editor:focus{outline:none;border-color:#999}.main .create-container .create-content .actions{display:flex;justify-content:space-between;margin-top:20px}.main .create-container .create-content .actions button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.main .create-container .create-content .actions button.save-draft-btn{background-color:#f5f5f5;color:#333}.main .create-container .create-content .actions button.save-draft-btn:hover{background-color:#e0e0e0}.main .create-container .create-content .actions button.publish-btn{background-color:#000;color:#fff}.main .create-container .create-content .actions button.publish-btn:hover{background-color:#333}@media (max-width: 768px){.main .create-container .create-content .actions{flex-direction:column;gap:10px}.main .create-container .create-content .actions button{width:100%}}.main .search-container{width:100%;text-align:center;padding:40px 20px;background-color:#fff}.main .search-container .search-content{width:100%}.main .search-container .search-content .header{margin-bottom:30px}.main .search-container .search-content .header .title{font-size:24px;font-weight:700;color:#007bff;margin-bottom:1rem}.main .search-container .search-content .search-box{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.main .search-container .search-content .search-box .search-input{width:100%;max-width:500px;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;outline:none}.main .search-container .search-content .search-box .search-input:focus{border-color:#007bff}.main .search-container .search-content .search-box .search-btn{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}.main .search-container .search-content .search-box .search-btn:hover{background-color:#0056b3}.main .search-container .search-content .search-box .search-btn .search-icon{font-size:16px}.main .search-container .search-content .footer{margin-top:20px}.main .search-container .search-content .footer .back-link{text-decoration:none;color:#333;font-size:14px}.main .search-container .search-content .footer .back-link:hover{color:#000;text-decoration:underline}@media (max-width: 768px){.main .search-container .search-content .search-box{flex-direction:column}.main .search-container .search-content .search-box .search-input{border-radius:4px;margin-bottom:10px}.main .search-container .search-content .search-box .search-btn{border-radius:4px}}.main .faq-container{width:100%;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.main .faq-container .faq-content{width:100%}.main .faq-container .faq-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.main .faq-container .faq-content .header .title{font-size:20px;font-weight:400;color:#333}.main .faq-container .faq-content .header .back-link{text-decoration:none;color:#333;font-size:14px}.main .faq-container .faq-content .header .back-link:hover{color:#000;text-decoration:underline}.main .faq-container .faq-content .faq-list{margin:20px 0;font-size:16px;color:#333}.main .faq-container .faq-content .faq-list p{margin-bottom:10px}.main .faq-container .faq-content .actions{display:flex;justify-content:space-between;margin-top:20px}.main .faq-container .faq-content .actions button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.main .faq-container .faq-content .actions button.customer-service-btn{background-color:#f5f5f5;color:#333}.main .faq-container .faq-content .actions button.customer-service-btn:hover{background-color:#e0e0e0}.main .faq-container .faq-content .actions button.send-email-btn{background-color:#000;color:#fff}.main .faq-container .faq-content .actions button.send-email-btn:hover{background-color:#333}@media (max-width: 768px){.main .faq-container .faq-content .actions{flex-direction:column;gap:10px}.main .faq-container .faq-content .actions button{width:100%}}.main .report-container{width:100%;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.main .report-container .report-content{width:100%}.main .report-container .report-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.main .report-container .report-content .header .title{font-size:20px;font-weight:400;color:#333}.main .report-container .report-content .header .back-link{text-decoration:none;color:#333;font-size:14px}.main .report-container .report-content .header .back-link:hover{color:#000;text-decoration:underline}.main .report-container .report-content .input-container{margin:20px 0}.main .report-container .report-content .input-container .report-input{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:none}.main .report-container .report-content .input-container .report-input:focus{outline:none;border-color:#999}.main .report-container .report-content .actions{display:flex;justify-content:flex-end}.main .report-container .report-content .actions .report-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;background-color:#000;color:#fff}.main .report-container .report-content .actions .report-btn:hover{background-color:#333}.main .feedback-container{width:100%;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.main .feedback-container .feedback-content{width:100%}.main .feedback-container .feedback-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.main .feedback-container .feedback-content .header .title{font-size:20px;font-weight:400;color:#333}.main .feedback-container .feedback-content .header .back-link{text-decoration:none;color:#333;font-size:14px}.main .feedback-container .feedback-content .header .back-link:hover{color:#000;text-decoration:underline}.main .feedback-container .feedback-content .input-container{margin:20px 0}.main .feedback-container .feedback-content .input-container .feedback-input{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:none}.main .feedback-container .feedback-content .input-container .feedback-input:focus{outline:none;border-color:#999}.main .feedback-container .feedback-content .actions{display:flex;justify-content:flex-end}.main .feedback-container .feedback-content .actions .send-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;background-color:#000;color:#fff}.main .feedback-container .feedback-content .actions .send-btn:hover{background-color:#333}.main .feedback-container .feedback-content .footer{margin-top:20px;text-align:left}.main .feedback-container .feedback-content .footer .creator{font-size:14px;color:#666}.main #rightNav{position:sticky;top:7.3125rem;right:0;height:100vh;width:14rem;overflow-y:auto}.main #rightNav .banner{width:14rem;min-width:14rem;height:7rem;max-height:7rem;position:relative;overflow:hidden;border-radius:.375rem}.main #rightNav .banner .banner-container{height:100%}.main #rightNav .banner .banner-container .banner-list{display:flex;height:100%;transition:transform .3s ease-in-out}.main #rightNav .banner .banner-container .banner-list .banner-item{flex:0 0 100%;position:relative;height:100%}.main #rightNav .banner .banner-container .banner-list .banner-item a{height:100%;display:block}.main #rightNav .banner .banner-container .banner-list .banner-item a img{display:block;object-fit:cover;width:100%;height:100%}.main #rightNav .banner .banner-container .banner-list .banner-item a span{position:absolute;bottom:0;left:0;right:0;padding:.75rem .5rem .5rem;background:#00000080;color:#fff;font-size:1rem}.main #rightNav .banner .banner-container .banner-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1.25rem}.main #rightNav .banner .banner-container .banner-arrows .arrow{width:2rem;height:2rem;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.main #rightNav .banner .banner-container .banner-dots{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem}.main #rightNav .banner .banner-container .banner-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff80;cursor:pointer}.main #rightNav .banner .banner-container .banner-dots .dot.active{background:#fff}@media (max-width: 768px){.main #rightNav{display:none}}.main #rightNav .scrollBar{display:flex;flex-direction:column;gap:1rem}.main #rightNav .scrollBar .toolBar,.main #rightNav .scrollBar .recommend{background:#fff;padding:.5rem 1rem;border-radius:.375rem;width:100%;color:#333}.main #rightNav .scrollBar .toolBar h2,.main #rightNav .scrollBar .recommend h2{font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.main #rightNav .scrollBar .toolBar ul,.main #rightNav .scrollBar .recommend ul{display:flex;flex-direction:column;gap:.5rem}.main #rightNav .scrollBar .toolBar ul li a,.main #rightNav .scrollBar .recommend ul li a{margin:.5rem 0;color:inherit;font-size:.875rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.main #rightNav .scrollBar .toolBar ul li:hover,.main #rightNav .scrollBar .recommend ul li:hover{background-color:#f7f8fa}.main #rightNav .scrollBar:last-child{margin-bottom:10rem}.main #rightNav::-webkit-scrollbar{display:none}.login{display:flex;justify-content:center;align-items:center;min-height:90vh;background-color:#f4f4f4}.login .container{display:flex;width:80%;max-width:1200px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px;overflow:hidden}.login .left-section{flex:1;display:flex;justify-content:center;align-items:center;background-color:#e6f2ff;padding:20px}.login .left-section img{width:100%;max-width:400px;height:auto}.login .right-section{flex:1;padding:50px}.login .welcome-text{color:#666;margin-bottom:10px;font-size:16px}.login .forum-title{color:#3f51b5;margin-bottom:40px;font-size:28px}.login form{display:flex;flex-direction:column}.login label{color:#333;margin-bottom:8px;font-size:14px}.login input{padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:14px}.login input:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 5px #3f51b54d}.login .error-message{color:#ff4d4f;font-size:12px;margin-top:-15px;margin-bottom:15px;display:none}.login .forgot-password{color:#3f51b5;text-align:right;margin-bottom:30px;text-decoration:none;font-size:14px;cursor:pointer}.login button{padding:12px;background-color:#3f51b5;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.login button:hover{background-color:#2c3e8e}.login .register-prompt{text-align:center;margin-top:20px;color:#666;font-size:14px}.login .register-link{color:#3f51b5;text-decoration:none;cursor:pointer}@media (max-width: 768px){.login .container{flex-direction:column;width:90%}.login .left-section{display:none}.login .right-section{padding:30px}}.register{display:flex;justify-content:center;align-items:center;min-height:90vh;background-color:#f4f4f4}.register .container{display:flex;width:80%;max-width:1200px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px;overflow:hidden}.register .left-section{flex:1;display:flex;justify-content:center;align-items:center;background-color:#e6f2ff;padding:20px}.register .left-section img{width:100%;max-width:400px;height:auto}.register .right-section{flex:1;padding:50px}.register .right-section h1{color:#3f51b5;margin-bottom:30px;font-size:28px}.register form{display:flex;flex-direction:column}.register label{color:#333;margin-bottom:8px;font-size:14px}.register input{padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:14px}.register input:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 5px #3f51b54d}.register .error-message{color:#ff4d4f;font-size:12px;margin-top:-15px;margin-bottom:15px;display:none}.register .back-link{color:#3f51b5;text-align:right;margin-bottom:30px;text-decoration:none;font-size:14px;cursor:pointer}.register button{padding:12px;background-color:#3f51b5;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.register button:hover{background-color:#2c3e8e}.register .success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.register .success-modal.active{opacity:1;visibility:visible}.register .success-content{background-color:#fff;padding:40px;border-radius:10px;text-align:center;transform:scale(.8);transition:transform .3s}.register .success-modal.active .success-content{transform:scale(1)}.register .success-content h2{color:#52c41a;margin-bottom:15px}.register .success-content p{margin-bottom:20px}.register .countdown{font-weight:700}@media (max-width: 768px){.register .container{flex-direction:column;width:90%}.register .left-section{display:none}.register .right-section{padding:30px}}.user{flex:1}.user .container{width:100%;margin:1rem auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.user .user-info{display:flex;flex-direction:column;align-items:start;gap:1rem}.user .user-info .avatar{width:80px;height:80px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#9e9e9e;margin-right:20px;overflow:hidden}.user .user-info .avatar img{width:100%;object-fit:cover}.user .user-info .details{flex:1}.user .user-info .details .detail{margin-bottom:10px;font-size:16px;color:#333}.user .user-info .details .detail span{font-weight:700}.user .actions{display:flex;justify-content:space-between;margin-top:20px}.user .actions button{padding:10px 20px;border:none;border-radius:4px;background-color:#000;color:#fff;font-size:14px;cursor:pointer}.user .actions button:hover{background-color:#333}.messages-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%}.messages-container .messages{padding:20px}.messages-container .messages .section-title{margin-top:0;margin-bottom:20px;font-size:22px;font-weight:600;color:#333}.messages-container .messages .message-list{display:flex;flex-direction:column;gap:10px}.messages-container .messages .message-list .message-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;background-color:#f9f9f9;border-left:3px solid transparent;transition:background-color .2s}.messages-container .messages .message-list .message-item:hover{background-color:#f5f5f5}.messages-container .messages .message-list .message-item.unread{border-left:3px solid #ff4d4f;background-color:#fff0f0}.messages-container .messages .message-list .message-item.unread:hover{background-color:#ffeaea}.messages-container .messages .message-list .message-item .message-content{flex:1}.messages-container .messages .message-list .message-item .message-content .message-sender{margin:0;font-size:16px;font-weight:400;color:#333}.messages-container .messages .message-list .message-item .message-actions{display:flex;align-items:center;gap:15px}.messages-container .messages .message-list .message-item .message-actions .message-time{color:#999;font-size:14px}.messages-container .messages .message-list .message-item .message-actions .view-btn{padding:5px 10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.messages-container .messages .message-list .message-item .message-actions .view-btn:hover{background-color:#333}.messages-container .messages .message-controls{display:flex;justify-content:flex-end;gap:10px;margin:20px 0}.messages-container .messages .message-controls button{padding:8px 15px;border:none;border-radius:4px;background-color:#f5f5f5;cursor:pointer;font-size:14px;color:#333}.messages-container .messages .message-controls button:hover{background-color:#e0e0e0}.messages-container .messages .actions{display:flex;justify-content:space-between;margin-top:20px}.messages-container .messages .actions button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.messages-container .messages .actions button.back-btn{background-color:#000;color:#fff}.messages-container .messages .actions button.back-btn:hover{background-color:#333}.messages-container .messages .actions button.more-btn{background-color:#f5f5f5;color:#333}.messages-container .messages .actions button.more-btn:hover{background-color:#e0e0e0}@media (max-width: 768px){.messages-container .messages .message-list .message-item{flex-direction:column;align-items:flex-start}.messages-container .messages .message-list .message-item .message-actions{width:100%;justify-content:space-between;margin-top:10px}}.message-detail-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.message-detail-container .message-detail{padding:20px}.message-detail-container .message-detail .section-title{margin-top:0;margin-bottom:20px;font-size:22px;font-weight:600;color:#333}.message-detail-container .message-detail .message-info{padding:15px;background-color:#f9f9f9;border-radius:8px;margin-bottom:20px}.message-detail-container .message-detail .message-info .sender-name{font-size:18px;margin-bottom:10px;color:#333}.message-detail-container .message-detail .message-info .message-content{margin:0;line-height:1.6;color:#555;font-size:15px}.message-detail-container .message-detail .reply-section h3{margin-bottom:10px;font-size:18px;color:#333}.message-detail-container .message-detail .reply-section .reply-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;margin-bottom:15px;font-family:inherit;font-size:14px}.message-detail-container .message-detail .reply-section .reply-input:focus{outline:none;border-color:#999}.message-detail-container .message-detail .reply-section .reply-buttons{display:flex;justify-content:flex-end;gap:10px}.message-detail-container .message-detail .reply-section .reply-buttons button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.message-detail-container .message-detail .reply-section .reply-buttons button.back-btn{background-color:#f5f5f5;color:#333}.message-detail-container .message-detail .reply-section .reply-buttons button.back-btn:hover{background-color:#e0e0e0}.message-detail-container .message-detail .reply-section .reply-buttons button.reply-btn{background-color:#000;color:#fff}.message-detail-container .message-detail .reply-section .reply-buttons button.reply-btn:hover{background-color:#333}@media (max-width: 768px){.message-detail-container .message-detail .reply-section .reply-buttons{flex-direction:column}.message-detail-container .message-detail .reply-section .reply-buttons button{width:100%}.message-detail-container .message-detail .reply-section .reply-buttons button.back-btn{order:2}.message-detail-container .message-detail .reply-section .reply-buttons button.reply-btn{order:1;margin-bottom:10px}}.user-btn{padding:10px 20px;border:none;border-radius:4px;background-color:#000;color:#fff;font-size:14px;cursor:pointer}.user-btn:hover{background-color:#333}.creator-center{width:100%;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.creator-center .creator-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center}.creator-center .creator-title svg{width:3rem;margin-right:8px;fill:#333}.creator-center .creator-actions{display:flex;justify-content:space-around;margin-bottom:20px}.creator-center .creator-actions .action-item{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#333}.creator-center .creator-actions .action-item svg{width:24px;height:24px;margin-bottom:8px;fill:#333}.creator-center .creator-button{display:inline-block;padding:10px 20px;border:1px solid #333;border-radius:4px;color:#333;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .3s,color .3s}.creator-center .creator-button:hover{background-color:#333;color:#fff}