@charset "UTF-8";page{background-color:#f9f9f9;color:#333}.text-decoration{text-decoration:line-through}.bg-ai{color:#fff;background:linear-gradient(135deg,#a0f,#7873f5,#0a0,#f0f,#55007f);background-size:300% 300%;animation:gradientMove 6s ease infinite;box-shadow:0 1px 4px #0000004d,0 0 5px #7873f599,0 0 7px #ff6ec466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-ai{background-image:linear-gradient(90deg,#a0f,#7873f5,#0a0,#f0f,#55007f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradientMove 4s linear infinite}@keyframes textGradientMove{0%{background-position:0% center}to{background-position:200% center}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{position:fixed;z-index:999;left:0;width:100%;transition:.3s all}.header .cu-bar.bg-white{box-shadow:-2px 0 2px #00000026}.header.startHome{color:#fff}.header.startHome .cu-bar{transition:.3s all}.header .content,.header .action{color:#333}.swiper-text{position:absolute;top:0;width:100%;height:100%;color:#fff;padding:0 30px;background-color:#00000040}.swiper-title{font-size:20px;padding-top:60px;font-weight:700;margin-bottom:7.5px;opacity:.9;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.swiper-intro{opacity:.6;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.toGroup{padding:1px 5px;font-size:12px;border:solid 1px #333;border-radius:2.5px;color:#333}.index-sort{background-color:#fff;text-align:center;padding:0 7.5px}.index-sort-main{padding:10px 0}.index-sort-i{width:40px;height:40px;line-height:40px;text-align:center;margin:0 auto 5px;color:#fff;background-color:#165ad9;font-size:18px;border-radius:30%;box-shadow:1px 2px 5px #00000026;opacity:.8}.index-sort-i.index-sort-img{box-shadow:none;overflow:hidden;background:none}.index-sort-i image{width:100%;height:100%}.index-sort-text{font-size:13px}.index-sort .index-sort-box:nth-child(1) .index-sort-i{background-color:#fbbd08}.index-sort .index-sort-box:nth-child(2) .index-sort-i{background-color:#39b54a}.index-sort .index-sort-box:nth-child(3) .index-sort-i{background-color:#2eabbf}.index-sort .index-sort-box:nth-child(4) .index-sort-i{background-color:#e54d42}.index-sort .index-sort-box:nth-child(5) .index-sort-i{background-color:#24c597}.index-sort .index-sort-box:nth-child(6) .index-sort-i{background-color:#e03997}.index-sort .index-sort-box:nth-child(7) .index-sort-i{background-color:#eb550f}.index-sort .index-sort-box:nth-child(8) .index-sort-i{background-color:#4343e7}.index-sort .index-sort-box:nth-child(9) .index-sort-i{background-color:#ff9f10}.data-box{margin-top:6px;background-color:#fff;padding:0}.all-box{margin-top:10px;background-color:#fff}.data-box-title{color:#333;font-size:15px!important;font-weight:700;border:none;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.more text{font-size:12px;color:#999}.more .cuIcon-right{font-size:15px!important;color:#999}.data-box .cu-bar{border:none;min-height:40px}.data-time{background:none!important;color:#999!important;float:right;padding:0}.text-i{height:auto;overflow:hidden}.data-author{background:none!important;padding-left:0!important;color:#999}.data-author .cuIcon-message{margin-right:5px;font-size:14px}.data-author text{margin-right:3px}.data-box .cu-item{padding-top:15px;border-bottom:solid 1px #f9f9f9}.data-box .cu-item .cu-item.category-item{border-bottom:none;padding:10px 0;background:#f3f3f3;margin-top:9px;border-radius:4px}.cu-card.article{border-bottom:solid 1px #f3f3f3}.user .data-box .cu-item{border-bottom:none}.cu-list.menu-avatar>.cu-item.userinfo:after{border-bottom:none}.data-box .cu-card .desc .text-content{font-size:16px!important;color:#333!important;height:auto!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cu-card.article>.cu-item .content .text-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all}.cu-card.article>.cu-item .content.article-content .text-content{-webkit-line-clamp:2;height:42px;overflow:hidden}.cu-card.article>.cu-item .content.article-content{display:block}.cu-card.article>.cu-item .content.article-content>image{float:left;height:5.5em}.cu-card.article>.cu-item .article-content-btn{padding:0 15px;margin-top:10px}.content-author{line-height:22.5px;height:22.5px;overflow:hidden;margin-top:12.5px;font-size:12px;color:#666}.content-author.bigImg-style{margin-top:7.5px;margin-bottom:0}.article-imgMain{padding:0 10px}.cu-card.article>.cu-item .article-content-btn.article-list-btn{margin-top:5px}.article-img{padding:0 5px}.article-img image{width:100%;height:75px;border-radius:4px;background-color:#f3f3f3}.content-author image{width:22.5px;display:block;float:left;height:22.5px;margin-right:7.5px;border-radius:50%}.cu-card.article>.cu-item .title{line-height:35px;margin-top:7.5px;margin-bottom:2.5px}.content-author .article-category{float:right}.content-author.content-header{padding:0 15px}.data-box .cu-card.article>.cu-item .content>image{width:110px;height:6em;border-radius:7.5px}.text-rule{color:#409eff;display:none}.topic{padding:0 10px;width:100%}.topic-box{padding:5px}.topic-main{border-radius:7.5px;overflow:hidden;height:95px;background:#000;position:relative}.topic-main image{width:100%;height:95px;transition:.3s all;display:block}.topic-main:hover image{transform:scale(1.2)}.topic-text{position:absolute;height:100%;text-align:center;width:100%;bottom:0;left:0;padding-top:35px;color:#fff;background:-webkit-linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6));background:linear-gradient(180deg,#0003,#0009)}.topic-title{font-size:17px;font-weight:700}.news-box{padding:15px;color:#333;font-size:16px;border-bottom:solid 1px #f9f9f9;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.info-title{padding:20px 15px 10px;font-size:18px;line-height:30px;font-weight:700;background:#fff}.info-tyle{padding:0 15px 10px;font-size:12px;background:#fff;border-bottom:solid 1px #f3f3f3}.info-tyle .cuIcon-attention{margin:0 4px 0 10px}.info-date{float:right;color:#999}.info-content{background:#fff;font-size:15px;line-height:1.8;padding:5px 15px 20px}.info-video{width:100%}.info-video video{width:100%;height:250px}.user-form{margin-top:50px;padding:0 40px}.user-form .cu-form-group{margin-bottom:10px;border:solid #f3f3f3 1px;min-height:45px;border-radius:5px}.user-form .user-btn{margin-top:30px}.user-foget{width:100%;height:45px;line-height:45px;color:#999;text-align:center;position:fixed;bottom:25px;left:0}.metaList{padding:0 5px}.home-nav.metaList,.waterfallHome-nav.metaList{position:fixed;left:0;width:100%;z-index:300;background-color:#fff}.goCategory{width:30px;line-height:40px;height:40px;position:absolute;font-weight:700;text-align:center;right:5px;top:0;font-size:18px}.home-nav.metaList .nav{width:calc(100% - 30px)}.home-nav.metaList .nav .cu-item{height:40px;line-height:40px;padding:0 6px}.waterfallHome-nav.metaList .nav .cu-item{height:35px;line-height:35px;padding:0 5px;border:none}.metaList .nav .cu-item.cur{border:none;color:#000;border-bottom:#409EFF 2px solid;font-weight:700}.waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.load-more{height:40px;line-height:40px;text-align:center}.userList .cuIcon-lightfill{margin-left:5px;background-color:#fbbd08;color:#333;display:inline-block;height:20px;width:20px;text-align:center;border-radius:50%;font-size:12px}.userList .gender-ico{margin-left:5px;color:#fff;display:inline-block;height:20px;width:20px;text-align:center;border-radius:50%;font-size:12px}.userList .gender-ico.cuIcon-male{background:#007aff}.userList .gender-ico.cuIcon-female{background:#ff2c80}.no-data{width:100%;padding:30px 0;text-align:center;color:#999;font-size:13px}.no-data .cuIcon-text{display:block;font-size:40px;color:#ddd;margin-bottom:7.5px}.content image{background-color:#f3f3f3}.top{padding:0 15px 10px}.top-box{padding:10px 0;border-bottom:solid 1px #f9f9f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-box text{display:inline-block;width:17.5px;height:17.5px;background-color:#8799a3;text-align:center;line-height:17.5px;color:#fff;margin-right:7.5px;border-radius:50%;margin-left:5px}.top-box:nth-child(1) text{background-color:#fbbd08;box-shadow:0 0 4px #fbbd08;color:#333}.top-box:nth-child(2) text{background-color:#e54d42;box-shadow:0 0 4px #e54d42}.top-box:nth-child(3) text{background-color:#f37b1d;box-shadow:0 0 4px #f37b1d}.category{padding:7.5px}.category-box{padding:5px}.category-content{padding-bottom:10px}.category-main{padding:9px;text-align:center;color:#000;background-color:#f3f3f3;border-radius:4px}.category-box.active .category-main{color:#fff;border:solid 1px #409EFF;background-color:#409eff;box-shadow:0 0 7.5px #409eff}.allCategory{margin-top:2.5px}.category-item{padding:0 10px;background:#fff;margin-bottom:5px;border-radius:4px}.category-item-title{height:45px;line-height:45px}.category-item-title text{float:right}.category-manage-sub{padding:5px 15px}.tags{width:100%;overflow:hidden;padding:10px}.tags text.tags-box{padding:6px 12.5px;line-height:20px;text-align:center;color:#409eff;border:none;background-color:#0081ff33;width:auto;margin:5px;border-radius:15px;float:left;font-size:12px;opacity:.9}.tags text.tags-box.active{color:#fff;border:solid 1px #409EFF;background-color:#409eff;box-shadow:0 0 7.5px #409eff}.info-content .tags{padding:15px 0 0;border-top:solid 1px #f9f9f9}.data-box .menu .cu-item{padding-top:0}.edit-tool{height:40px;line-height:40px;padding:0 5px}.edit-tool text{display:inline-block;margin:0 5px;width:20px;font-size:20px}.edit-tool text.cuIcon-read{float:right}.cu-form-group .text{line-height:22.5px;width:100%}.cu-form-group scroll-view.text{padding:15px 0}.LinksModal input{height:35px;text-align:left;padding:5px 10px;font-size:12px;border:solid #999 1px;border-radius:4px;background-color:#fff}.LinksModal input:nth-child(1){margin-bottom:15px}.post{max-height:100%}.update-tips{padding:3px;border-radius:2px;font-size:11px;margin-right:5px}.logout{width:100%;margin-top:15px;padding:0 15px}.logout-main{width:100%;text-align:center;border-radius:5px;height:40px;line-height:40px;background-color:#fff}.ImageList{width:100%;padding:0 10px}.ImageList-box{height:250px;overflow:hidden;margin-bottom:10px;border-radius:10px;position:relative}.setImage{position:absolute;right:10px;top:10px;z-index:150;border-radius:5px}.image-info{position:absolute;bottom:15px;left:0;padding:0 15px}.image-info text{padding:5px;background-color:teal;color:#fff;font-size:12px;opacity:.8;border-radius:4px}.ImageList image{width:100%!important}.comment{position:relative}.copy-comment{opacity:0;position:absolute;right:15px;top:0;z-index:888;color:#409eff;font-size:11px;padding:2.5px 10px;border-radius:4px;border:solid 1px #409EFF;background-color:#e0eaff;transition:.3s all;-webkit-transition:.3s all;-moz-transition:.3s all;-o-transition:.3s all;-ms-transition:.3s all}.comment-header-more{opacity:0;position:absolute;right:15px;top:0;z-index:888;color:#666}.cu-list.comment:hover .copy-comment,.cu-list.comment:hover .comment-header-more{opacity:1}.comment-header-more>text{font-size:15px}.search-type{line-height:37px;padding:0 15px;text-align:center;height:40px;border-bottom:solid 1px #f3f3f3;position:relative;z-index:10}.search-type-box{color:#999}.search-type-box.active{border-bottom:solid 3px #409EFF;color:#333}.loading{width:100%;height:100vh;z-index:888;background:#ffffff59;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);position:fixed;top:0;left:0;text-align:center}.loading-main{position:fixed;width:100%;top:40%}.loading image{width:50px;height:50px}.menu-avatar{position:relative;width:100%}.clock-btn{position:absolute;top:25px;right:20px;border-radius:4px;font-size:12px;color:#fff;padding:5px 12.5px}.user-data{padding:40px 15px 15px;text-align:center;margin-top:0;background:#fff}.user-data-box{height:44px}.user-data-title{font-size:12px;color:#999;margin-top:5px}.user-data-value{font-size:20px}.user-data-box:nth-child(1){border-right:solid 1px #f6f6f6}.user-data-box:nth-child(2){border-right:solid 1px #f6f6f6}.usermarks .data-box{background:none}.usermarks .data-box .cu-item{padding-top:0!important;margin-bottom:5px;border:none}.usermarks .cu-list.menu-avatar>.cu-item:after,.usermarks .cu-list.menu>.cu-item:after{border:none}.usermarks .cu-avatar.lg{width:40px;height:40px}.usermarks .cu-list.menu-avatar>.cu-item .content{left:65px}.cu-card.article>.cu-item .content>image{width:110px}.info-btn{position:relative}.info-more-mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:transparent;z-index:998}.info-more-links{position:absolute;top:42px;min-width:110px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px #0f172a1f;border:.5px solid rgba(15,23,42,.06);border-radius:16px;right:0;padding:4px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease,box-shadow .22s ease;transform:translateY(-4px) scale(.92);transform-origin:top right;visibility:hidden;opacity:0;z-index:999;pointer-events:none;will-change:transform,opacity}.info-more-links.moreShow{visibility:inherit;transform:translateY(0) scale(1);opacity:1;pointer-events:auto;box-shadow:0 8px 20px #0f172a24}.info-more-links-box{padding:9px;transition:.2s ease;font-size:14px;display:flex;align-items:center;min-height:36px;color:#2f3848;border-radius:8px}.info-more-links-box:hover{background:#2b6de514}.info-more-links-box>text[class*=cuIcon-]{width:16px;margin-right:7px;font-size:15px;color:#64748b;text-align:center}.info-more-links-label{color:#2f3848;font-size:13px;font-weight:500;line-height:1.3;margin-right:0}.comment-header-more .info-more-links{top:22px}.info-btn .cuIcon-favor,.info-btn .cuIcon-favorfill{margin-right:2.5px}.info-btn .cuIcon-favorfill{color:#fbbd08}.content-btn{max-width:200px;margin:0 auto;padding:20px 0;text-align:center}.content-btn-i{border-radius:5px;margin:0 auto}.content-btn-i text{color:#999;font-size:12px}.content-btn-i .btn-i{display:block;color:#409eff;font-size:30px}.content-btn-i .cuIcon-rechargefill{color:#dd514c}.api-login{text-align:center;width:225px;margin:25px auto 0}.api-login-box{text-align:center;display:inline;padding:0 8px}.api-login-box image{width:45px;height:45px}.all-btn{padding:0 25px}.post-update{position:fixed;bottom:25px;right:15px;width:45px;height:45px;color:#fff;text-align:center;line-height:45px;border-radius:50%;box-shadow:0 0 4px #0000001a}.manage-data{padding:5px 10px 10px}.manage-data .user-data-box{border-right:solid 1px #f6f6f6;border-top:solid 1px #f6f6f6;padding:10px 0;height:auto}.manage-data .user-data-box .user-data-value{color:#ce292c!important;font-size:15px}.manage-data .user-data{margin-top:0;border:none;padding:0;border-left:solid 1px #f6f6f6;border-bottom:solid 1px #f6f6f6}.manage-data.upcoming .user-data{border:none;padding:2.5px}.manage-data.upcoming .user-data .user-data-main{background:#f6f6f6;width:100%;padding:10px 0;border-radius:10px}.manage-data.upcoming{padding:0 5px 10px}.manage-data.upcoming .user-data-box .user-data-value{color:#f37b1d!important;font-size:16px;font-weight:700}.manage-data.upcoming .user-data-box{border:none;padding:5px}.manage-dataLoad{text-align:center;padding:50px 0}.manage-dataLoad image{width:50px}.ruleApi-Info{text-align:center;padding:15px 0}.ruleApi-title{color:#666;margin-bottom:7.5px}.ruleApi-Info .ruleApi-Info-box:nth-child(1){border-right:solid 1px #f6f6f6}.ruleApi-name{font-size:22.5px;color:#111;margin-bottom:2.5px}.ruleApi-version{font-size:11px;margin-bottom:15px}.ruleApi-Info .cu-btn{border-radius:4px}.update{width:100%;height:100vh;position:fixed;z-index:2000;top:0;left:0}.update-bg{background-color:#000;width:100%;height:100vh;position:fixed;z-index:2001;top:0;left:0;opacity:.5}.update-box{width:100%;position:absolute;top:30%;z-index:2002}.update-main{background-color:#fff;width:275px;margin:0 auto;border-radius:10px;text-align:center;padding-bottom:20px}.update-box image{width:104px;height:67.5px;margin:-35px auto 0}.update-title{margin-top:10px;font-size:18px;margin-bottom:20px;font-weight:700}.update-intro{padding:0 20px 15px;font-size:13px;text-align:left;line-height:20px;color:#666}.update-btn{padding:10px}.update-btn-box{padding:0 10px}.update-btn-main{padding:7.5px 0;border-radius:5px}.pay-codeImg{background-color:#fff;text-align:center;padding:15px 0}.text-tips{line-height:20px}.order-box{background-color:#fff;border-top:solid 1px #f3f3f3;padding:15px}.order-info{margin-bottom:10px;line-height:25px}.order-id{font-weight:700}.order-type{float:right;padding:2.5px 7.5px;border-radius:4px;font-size:12px}.order-btn .text-blue,.order-btn .text-black,.order-btn .order-status{float:right}.order-time{font-size:12px;text-align:right;margin-top:5px;color:#ccc}.manage-btn{margin-top:7.5px;padding:0 15px}.manage-btn text{margin-right:10px}.comment-delete{position:absolute;right:15px;top:7.5px}.comment-audit{position:absolute;right:90px;top:7.5px}.comment-audit.editorStyle{right:15px}.myAssets{width:100%;text-align:center;padding:25px 15px}.myAssets .myAssets-box:nth-child(2){border-left:solid 1px #f3f3f3}.myAssets-num{font-size:27.5px;margin-right:5px}.myAssets-btn{text-align:center;padding-bottom:15px}.myAssets-btn text{margin:0 10px}.userrecharge{padding:15px}.userrecharge-type{margin-bottom:20px}.userrecharge-type text{margin-right:5px}.userrecharge-type text.active{color:#fff!important;background-color:#409eff}.userrecharge-code{text-align:center;margin-bottom:20px}.userrecharge-code image{border:15px solid #aecfff;border-radius:10px;width:200px;height:200px}.userrecharge-btn{text-align:center;margin-bottom:10px}.userrecharge-btn text{margin:0 10px}.userrecharge-intro-title{font-size:17.5px;font-weight:700;margin-top:25px}.userrecharge-intro{line-height:22.5px;margin-top:15px}.userrecharge-intro-text{margin-top:10px;font-size:13px}.userrecharge-form{padding:15px;text-align:center}.userrecharge-form input{border:solid #ccc 1px;height:35px;line-height:35px;margin-bottom:20px;padding:10px}.userrecharge-form.toEpay{position:relative}.userrecharge-form.toEpay input{padding-left:100px}.toEpayType{position:absolute;top:15px;left:15px}.toEpayType-cur{height:35px;line-height:35px;text-align:center;width:100px}.toEpayType-main{position:relative;z-index:20;margin-top:5px;width:125px;padding:5px 10px;overflow:hidden;border-radius:5px;background-color:#fff;box-shadow:0 0 5px #0003}.toEpayType-main>view{height:30px;line-height:30px;text-align:center;padding:0 7.5px}.pay-status{float:right}.cur-assets{padding:0 15px}.cur-assets text{font-weight:700;font-size:17.5px}.order-kill{margin-top:15px}.order-kill text{margin-left:7.5px}.index-sort-main.active{background-color:#f3f3f3}.text-content{vertical-align:middle}.tImg{width:20px;height:20px}.info-footer{position:fixed;z-index:200;bottom:0;left:0;width:100%;height:50px;background-color:#fff;border-top:#eee solid 1px;box-sizing:content-box}.info-footer-input{padding:7.5px 15px}.info-input-box{height:35px;border-radius:7.5px;background-color:#f1f1f1;text-align:center;font-size:12px;line-height:35px;color:#666}.info-input-box text{margin-right:7.5px}.info-footer-btn{padding-right:10px;font-size:25px;line-height:50px}.info-footer-btn text{margin:0 10px}.info-operate-bg{position:fixed;background-color:#000;width:100%;height:100vh;opacity:0;z-index:170;left:0;top:0;transition:.2s all;visibility:hidden}.info-operate-bg.show{opacity:.3;visibility:visible}.info-operate{position:fixed;z-index:180;bottom:-100px;left:0;width:100%;padding:0 15px;transition:.2s all}.info-operate.show{bottom:60px}.info-operate-main{width:100%;height:100px;border-radius:20px;padding-top:9px;background:#fff;box-shadow:0 0 5px #0003;overflow:hidden;text-align:center}.user-list-btn{width:170px!important}.user-list-btn .cu-btn{margin-right:10px;margin-top:0!important;float:right}.agreement{padding:0 15px 15px;background-color:#fff;font-size:15px;line-height:25px;height:100vh}.agreement-title{font-size:17.5px;font-weight:700;margin-top:10px}.agreement-text{margin-top:7.5px}.bind image{border-radius:50%}.break-all{word-break:break-all}.user-info,.section-info{height:225px;width:100%;overflow:hidden;position:relative}.user-info-bg,.section-info-bg{position:absolute;height:225px;top:0;left:0;filter:blur(10px);width:100%;z-index:0;transform:scale(1.2)}.user-info-bg.infoBg-Show{filter:blur(0px)}.section-info-bg{height:250px}.section-info-bg{position:relative;height:auto;min-height:225px;filter:none;transform:none;overflow:hidden}.user-info-bg image{width:100%;height:100%}.section-info-bg image{width:100%;height:auto;display:block}.user-info-main,.section-info-main{position:absolute;top:0;left:0;height:225px;width:100%;z-index:5;background-color:#0003}.section-info-main{top:0;right:0;bottom:0;left:0;height:auto;background:linear-gradient(180deg,#11182714,#11182761)}.user-info-content,.section-info-content{width:100%;padding:0 30px 15px;position:absolute;bottom:0;left:0;background:linear-gradient(to bottom,#06060800,#060608b3)}.user-info-col{width:100%;overflow:hidden;margin-bottom:15px}.user-info-content .user-header{width:60px;text-align:center;float:left}.user-header image{width:60px;height:60px;border-radius:50%}.user-info-content .user-text{width:calc(100% - 60px);padding-left:10px;padding-top:0;font-size:14px;color:#fff;float:left;font-weight:700}.user-info-local{font-size:12px;opacity:.4;font-weight:400}.user-introduce{font-size:12px;color:#fff;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}.user-introduce text{margin-right:5px}.user-edit-header{width:100%;background-color:#fff;text-align:center;padding-top:20px;border-bottom:.5px solid #eee;padding-bottom:15px}.user-info-data{margin:2px 0;font-weight:400}.user-data-num{font-weight:700;margin-right:5px}.user-data-label{opacity:.8}.user-info-data-box{margin-right:10px}.user-info-name{font-size:18px}.user-edit-header image{width:75px;height:75px;display:block;border:solid #ddd 1px;margin:0 auto 15px;background-color:#f3f3f3;border-radius:50%}.toClub{background-color:#fbbd08!important;color:#333!important}.ads-banner{width:100%;overflow:hidden}.ads-banner image{width:100%;display:block}.foreverblog-text{background-color:#f3f3f3;color:#666}.foreverblog-text view{word-break:break-all}.foreverblog-ico{margin-left:5px;font-size:19px!important;color:#409eff}.foreverblog-title{color:#333;font-size:15px}.userlv{font-size:11px;background-color:#cecece;line-height:12.5px;padding:2px 5px;border-radius:4px;margin-left:5px;margin-top:-2px}.identifyLv{font-size:11px;line-height:12.5px;padding:2px 5px;border-radius:4px;margin-left:5px;margin-top:-2px}.cu-avatar{position:relative;overflow:hidden}.cu-avatar .iconfont{font-size:20px}.curLv{padding:0;font-size:11px;font-weight:700;font-style:italic;opacity:.7;display:block;width:100%;position:absolute;bottom:0;line-height:15px;height:15px}.userlv.customize{background-color:#ba21a8;color:#fff}.userlv.bg-red{background-color:#e54d42;color:#fff}.userinfo-lv{padding-top:5px}.scan-user{padding-top:175px}.scan-user image{width:80px;border-radius:50%;height:80px;margin-bottom:10px}.scan-user-name{font-size:17px;font-weight:700;margin-bottom:10px}.scan-user-btn{margin-top:50px}.scan-user-btn .cu-btn{height:45px;border-radius:4px;width:200px;margin-bottom:20px}.swiper-slides .swiper-item{padding:var(--status-bar-height) 12.5px 10px 12.5px;box-sizing:border-box}.swiper-slides .swiper-box{overflow:hidden;width:100%;position:relative;height:calc(100% - 55px);box-sizing:border-box;border-radius:15px;margin-top:55px;background:#fff}.screen-swiper{background:none}.home-swiper.home-swiper{min-height:275px;min-height:300px}.swiper-item-bg{width:calc(100% + 50px);height:calc(100% + 50px);position:absolute;left:-25px;top:-25px;z-index:-1;filter:blur(10px)}.swiper-item-bgShow{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:linear-gradient(to bottom,#ffffff80,#ffffffe6,#fff)}.swiper-item-bg image{width:100%;height:100%}.age-ico{font-size:12px;line-height:12.5px;padding:2px 7.5px;border-radius:4px;margin-left:5px;margin-top:-2px}.fullpost-btn{padding:7.5px}.fullpost-btn .cu-btn{margin:5px;border-radius:3px}.post-link-type{margin-top:5px}.post-link-box{padding:5px;color:#666}.post-link-box.cur{color:#409eff}.tokenList-box{padding:15px;border-bottom:solid 1px #f3f3f3;position:relative}.tokenList-box .tokenList-info{color:#666;overflow:hidden;margin-top:7.5px}.tokenList-box .tokenList-info .cu-btn{position:absolute;right:15px;top:19px;border-radius:4px}.meta-id{float:right;color:#666;font-size:13px}.meta-main{line-height:20px}.Startupmap{width:100%;height:100vh;z-index:10000000;background-color:#fff;position:fixed;top:0;left:0}.Startupmap-pic{width:100%;height:100vh;z-index:1;background-color:#fff;position:fixed;top:0;left:0}.Startupmap-pic image{width:100%;height:100vh}.Startupmap-close{position:fixed;width:55px;border-radius:5px;font-size:12px;height:25px;line-height:25px;background:#0006;text-align:center;color:#fff;right:15px;z-index:2;top:40px}.article-big{width:100%}.article-big image{width:100%;height:175px;border-radius:4px;background-color:#f3f3f3}.topContents .title{font-weight:700}.topContents .title text{margin-right:5px}.dataLoad{width:100%;height:250px;text-align:center}.dataLoad image{width:50px;height:50px;margin-top:100px}.ads-list{padding-top:5px}.ads-box{background-color:#fff;padding:5px 15px;margin-top:7.5px}.ads-name{height:40px;line-height:40px;font-size:17px;border-bottom:solid 1px #f6f6f6;font-weight:700}.ads-text{padding:10px 5px;font-size:13px;line-height:25px;color:#4a4a4a}.ads-info{border-top:solid 1px #f6f6f6;line-height:40px}.ads-price text{font-size:17px;font-weight:700}.form-tips{padding:5px 15px}.form-tips text{margin-right:5px}.myAds-box{padding:14px 15px;border-bottom:solid 1px #f6f6f6}.myAds-title{font-size:16px;font-weight:700;padding-bottom:10px}.myAds-concent{height:auto;overflow:hidden;margin-top:5px}.myAds-time{font-size:12px;color:#666}.myAds-time .text-green{float:right}.myAds-pic{width:110px;height:75px;overflow:hidden;border-radius:3px;float:left;margin-right:7.5px}.myAds-pic image{width:100%;height:75px}.myAds-intro{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.myAds-btn{margin-top:7.5px}.myAds-btn text{margin-right:12.5px}.ads-renewal input{background-color:#fff;border:solid 1px #ddd;height:40px}.ads-ico{position:absolute;top:5px;left:20px;background-color:#00000080;display:block;width:40px;height:20px;border-radius:4px;font-size:12px;color:#fff;text-align:center;line-height:20px}.ads-more{margin-top:10px;font-size:13px;color:#666;text-align:right}.imagetoday-search input{padding-left:15px}.imagetoday-search .cuIcon-search{font-size:17px;margin:0;padding:20px;color:#333}.search-close{width:17px;overflow:hidden;border-radius:50%;line-height:17px;text-align:center;height:17px;margin-right:10px;background:#ccc}.search-close text{margin:0!important;padding:0}.userLoginstatus .cu-dialog{width:250px}.userLoginstatus-i{width:40px;height:40px;border-radius:50%;font-size:30px;line-height:40px;margin:0 auto 7.5px}.announcement{position:fixed;top:30%;width:100%;z-index:1500}.announcement-bg{background-color:#000;opacity:.3;position:fixed;width:100%;top:0;left:0;height:100vh}.announcement-main{background-color:#fff;margin:0 auto;width:300px;box-shadow:0 0 10px #0000004d;padding:15px 18px;border-radius:10px;position:relative;z-index:10}.announcement-title{height:25px;line-height:25px;font-size:18px;font-weight:700;text-align:center;position:relative}.announcement-title text{position:absolute;right:0}.announcement-concent{height:100px;padding:10px;background:#f9f9f9;margin:10px 0;overflow:auto}.announcement-btn{text-align:center}.meta-type{padding:5px 12px;border:1px solid #409EFF;color:#409eff;margin-left:10px}.meta-type.act{background:#409eff;color:#fff}.data-select{text-align:center;margin-top:10px}.data-select text{color:#666;margin:0 7.5px}.data-select text.act{color:#000;font-weight:700}.cu-bar .action.header-btn text{font-size:20px!important;position:relative}.cu-bar .action.header-btn text .noticeSum{position:absolute;opacity:.9;font-size:12px!important;height:25px;width:25px;line-height:25px;text-align:center;top:-10px;right:-10px;border-radius:50%;transform:scale(.8);-webkit-transform:scale(.8)}.header .search-form{border-radius:15px!important}.search-form-text{color:#999}.cu-avatar .home-noLogin{font-size:12px;color:#409eff}.cu-avatar{background-color:#eee}.style-title{line-height:40px;height:40px;padding:0 10px;color:#333;font-weight:700;font-size:14px;margin-bottom:10px}.style-concent{text-align:center;padding:0 5px 15px}.style-box{padding:5px}.style-i{background:#2196f6;height:35px;border-radius:3px;line-height:35px;font-size:12px}.style-text{font-size:12px;margin-top:5px}.style-text .cuIcon-check{background:#39b54a;color:#fff;padding:0 1px;border-radius:50%;margin-right:2.5px}.style-concent.style-simple .style-i{border:solid 1px #f3f3f3;background:none;font-weight:700}.userIndex .header{background:none}.userIndex .header .action{color:#fff}.userIndex .header.goScroll{background:#fff}.userIndex .header.goScroll .action{color:#333}.comment-operation{font-size:12px;line-height:10px;margin-top:5px}.comment-operation text{margin-right:10px}.grid.col-6>view{width:16.666%}.user-bantime{font-size:12px;margin-left:5px}.userInfo-bottom-btn{position:fixed;bottom:0;left:0;width:100%;height:50px;background:#fff;box-shadow:0 -2px 4px #0003;text-align:center}.userInfo-bottom-box{padding:0 15px}.userInfo-bottom-box button{height:35px;width:100%;margin-top:7.5px}.userInfo-tochat{height:50px;line-height:50px;font-size:15px}.userInfo-tochat text{margin-right:5px}.userInfo-bottom-box button text{margin-right:5px}.cu-list.menu-avatar>.cu-item .action.goUserIndex{width:90px}.goUserIndex .cu-btn{border-radius:7.5px}.goUserIndex .isFollow{background:#0060ba!important;color:#fff!important}.goUserIndex .unFollow{background:#409eff!important;color:#fff!important}.goUserIndex .unFollow text{font-weight:700;margin-right:2.5px}.home-header-sort{padding-left:10px}.header.startHome .square-box{color:#0009}.header.startHome .square-box.cur{font-size:19px;color:#000}.waterfallHome-header .square-box{font-weight:400;color:#0006;font-size:17px;padding:5px 0;border-bottom:solid 3px #ffffff}.waterfallHome-header .square-box.cur{font-size:17px;border-color:#0081ff}.header.startHome .home-header-sort.dunping .square-box{font-size:19px;color:#000}.header.startHome .action,.header.startHome .action.dunping{color:#000}.square-box{font-weight:700;color:#666;margin-right:15px;font-size:16px}.square-box.cur{font-size:19px;color:#000}.square-post{padding:0 15px}.square-post-header{padding-top:15px;overflow:hidden}.square-user{width:40px;float:left}.square-text{width:calc(100% - 40px);padding:0 10px;float:left;line-height:35px;box-sizing:border-box;color:#999;border:solid 1px #f3f3f3}.square-post-btn{padding:10px 0}.square-post-btn-box{height:30px;line-height:30px;text-align:center;box-sizing:border-box;border-left:solid 1px #f6f6f6}.square-post-btn-box:nth-child(1){border:none}.square-post-btn-box text{margin-right:5px}.cu-list.menu-avatar>.cu-item:after{border:none!important}.square-list .cu-item{margin-bottom:5px!important}.square-list .cu-avatar.lg{width:40px;height:40px}.square-list .cu-list.menu-avatar>.cu-item .content{left:65px}.square-post-btn text{margin-right:5px;font-size:17.5px}.user-post-info{height:90px;width:100%;padding:10px;background-color:#f9f9f9;overflow:hidden;border-radius:5px}.user-post-pic{width:90px;height:70px;overflow:hidden;border-radius:4px;margin-right:10px;float:left}.user-post-pic image{background-color:#f3f3f3}.user-post-title{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;font-size:15px;font-weight:700;margin-top:4px;margin-bottom:9px;line-clamp:1;-webkit-box-orient:vertical}.user-post-intro{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:13px;line-height:18px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666}.user-space-info{width:100%;padding:10px;background-color:#f9f9f9;overflow:hidden;border-radius:5px;color:#666}.user-space-info .user-space-text{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.admin-btn{display:none}.cu-item:hover .admin-btn{display:inline}.cu-chat .main image{background:#f3f3f3}.more-msg{height:45px;text-align:center;line-height:45px}.space-info .cu-item{padding-bottom:15px}.space-reply{background:#fff;margin-top:10px}.space-reply-head{height:45px;line-height:35px;padding:5px 15px;font-size:15px;border-bottom:solid 1px #f6f6f6}.space-reply-head text{color:#999;font-weight:700}.space-reply-head text.cur{color:#333;border-bottom:solid 2px #2196f6;padding-bottom:8px}.space-reply-likes{float:right}.space-reply-list .no-data .cu-btn{border-radius:4px}.space-reply-num{background:#f3f3f3}.space-reply-list .comment .cu-item{border-bottom:solid 1px #f6f6f6}.space-footer{position:fixed;bottom:0;left:0;width:100%;height:50px;padding:10px 0;line-height:30px;background:#fff;font-size:15px;border-top:solid 1px #f6f6f6;text-align:center}.space-footer-box text{margin-right:5px}.space-footer .space-footer-box:nth-child(2){border-left:solid 1px #f6f6f6;border-right:solid 1px #f6f6f6}.space-pic{padding:10px}.space-upload{background-color:#e0e0e0}.space-upload text{font-size:40px!important}.space-pic .bg-img{position:relative}.space-pic .bg-img .cuIcon-close{width:30px;opacity:.8;height:30px;border-radius:50%;background:#ce292c;color:#fff!important;font-size:15px!important}.cu-list.menu-avatar>.cu-item .action.space-follow{width:90px;margin-top:-14px}.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn{border-radius:5px;height:29px;line-height:29px;padding:0 12px}.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn text{margin-right:2px}.spaceVideo video{width:100%;border-radius:4px}.bg-img{background-color:#f3f3f3}.search-space{background-color:#f6f6f6}.videoPlay{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100vh}.videoPlay-bg{position:fixed;z-index:1;left:0;top:0;width:100%;background-color:#111;height:100vh}.videoPlay video{position:absolute;height:250px;width:100%;top:50%;margin-top:-125px}.spaceVideo-play{width:100%;border-radius:4px;background-color:#000;font-size:35px;color:#fff;text-align:center;height:200px;line-height:200px}.videoPlay-close{position:fixed;top:40px;right:15px;color:#fff;font-size:25px}.payinfo-text{margin-bottom:10px}.payinfo-text-name{margin-right:10px}.payinfo-text-value{font-size:15px;color:#000;font-weight:700}.screen-swiper image{border-radius:10px}.section-box{padding:3px 7.5px;margin-bottom:5px}.section-main{background:#fff;border-radius:4px;box-shadow:0 0 7.5px #00000026}.section-box-title{color:#333;font-size:15px!important;font-weight:700;padding:10px 10px 0;margin-bottom:3px}.section-item{overflow:hidden}.section-ico{width:55px;height:55px;float:left;margin-right:5px;overflow:hidden;padding:5px}.section-box-list{padding:5px}.section-ico image{width:100%;height:100%;border-radius:10px}.section-item{padding:5px;transition:all .2s}.section-item:hover{background-color:#f6f6f6}.section-intro{padding-top:2px}.section-item-value{font-size:12px;color:#999;margin-top:4px}.section-item-title{margin-top:6px;font-weight:700;margin-bottom:3px}.section-info-main{color:#fff}.section-info-full{overflow:hidden}.section-info-content{padding:0 20px 15px}.section-info-ico{width:70px;height:70px;float:left;margin-right:10px}.section-info-intro{width:calc(100% - 80px);float:left}.section-info-ico image{width:100%;height:100%;border-radius:10px}.section-info-title{padding-top:12.5px;font-weight:700;font-size:16px;margin-bottom:7.5px}.section-info-value{font-size:12px;opacity:.9}.section-info-value text{margin-right:9px}.section-info-moderator{margin-top:10px;margin-bottom:7.5px}.moderator-btn{padding:5px 17.5px;background:#ffffff4d;border-radius:6px;font-size:12px}.moderator-btn text{margin:0 5px}.section-info-clock .cu-btn{float:right;font-size:13px;border-radius:10px}.section-sub{line-height:25px;height:30px;padding:2.5px 15px;font-size:13px;border-radius:10px}.section-sub image{width:25px;height:25px;margin-right:5px;border-radius:50%;background-color:#409eff;padding:0}.section-page{width:100%;overflow:hidden;padding-bottom:5px}.section-page-box{width:100%;overflow:hidden;padding:5px 10px;position:relative}.section-page-btn{position:absolute;top:15px;right:10px}.section-page-btn .cu-btn{border-radius:5px}.section-ico-no{width:100%;height:100%;text-align:center;line-height:50px;border-radius:5px;font-size:20px;background:#36accf;color:#fff}.section-ico-no.bg-pink{background-color:#e03997;color:#fff}.section-ico-no.bg-purple{background-color:#6739b6;color:#fff}.section-info-main .section-ico-no{height:60px;margin:5px 0 0;width:60px;line-height:60px;font-size:25px;border-radius:5px}.reward-log{width:100%;overflow:auto;padding:7.5px 10px;background:#fff;border-top:#f9f9f9 solid 1px}.reward-log-main{width:calc(100% - 30px);float:left}.reward-log-btn{width:30px;float:left}.reward-log-box{width:45px;text-align:center;float:left}.reward-log-box .reward-log-i{width:35px;height:35px;background:#f3f3f3;line-height:35px;text-align:center;border-radius:50%;font-size:20px;margin:0 auto 5px}.reward-log-box .reward-log-i image{width:35px;height:35px}.reward-log-box .reward-log-value{font-size:12px}.reward-log-box.reward-total .reward-log-i{background:#ff6b6b;color:#fff}.reward-log-btn{text-align:center;font-size:20px;line-height:50px}.reward-log-box .reward-log-i image{border-radius:50%}.cu-card.space-info>.cu-item>.text-content,.cu-card.square-list>.cu-item>.text-content{max-height:unset!important}.full-noLogin{width:100%;height:100vh;z-index:899;background-color:#fff;position:fixed;top:0;left:0;text-align:center}.full-noLogin-main{position:fixed;width:100%;top:35%}.full-noLogin-text{font-size:16px;margin-bottom:15px;font-weight:700;color:#000}.full-noLogin-btn .cu-btn{border-radius:5px}.app-about{text-align:center;margin-top:40px;margin-bottom:25px;padding:15px}.app-logo image{width:80px;border-radius:30%;border:solid 1px #f3f3f3}.qrcodeLogin-logo image{width:70px;height:70px;border-radius:25%;border:solid 1px #f3f3f3}.qrcodeLogin{text-align:center;padding-top:40px}.qrcodeLogin-name{font-size:16px;margin-top:8px;font-weight:700}.qrcodeLogin-code{text-align:center;margin-top:20px}.qrcodeLogin-code image{width:250px;height:250px}.app-name{font-size:20px;margin-top:8px;font-weight:700}.about-tips{font-size:12px;padding:15px;line-height:18px;opacity:.7}.app-ver{font-size:12px;opacity:.8}.cu-dialog.kaptcha-dialog{background:#fff}.kaptcha-form{padding:15px 30px 30px}.kaptcha-input{border:solid 1px #409EFF;box-sizing:border-box;overflow:hidden;border-radius:4px;margin-top:10px}.kaptcha-input input{width:calc(100% - 60px);float:left;height:35px}.kaptcha-input .cu-btn{width:60px;height:35px;float:left}.tabbarActive{background:linear-gradient(to bottom,#409eff,#6ab7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important;animation:tabbarBounce .35s ease}@keyframes tabbarBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.92)}to{transform:scale(1)}}.tabbar view{overflow:initial;display:block}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:1100;overflow:initial;display:block;width:100%;height:50px;background:#fff;box-sizing:content-box}.tabbar.frostedGlass{background:#fff9;backdrop-filter:blur(13px);-webkit-backdrop-filter:lur(13px)}.tabbar.translucent{opacity:.85}.tabbar.floating{bottom:10px;width:calc(100% - 20px);padding-top:5px;left:10px;border-radius:14px;height:55px;box-shadow:0 0 5px #00000026}.tabbar-item{display:block;height:50px;float:left;width:calc(25% - 15px);text-align:center;overflow:hidden;border:none;margin:0;padding:0;box-sizing:border-box;position:relative}.tabbar-item-ico{padding-top:5px;font-size:23px;line-height:23px}.tabbar-noticeSum{padding:1px 5px;border-radius:5px;position:absolute;z-index:999;right:3px;font-size:12px;top:5px}.tabbar-item .item-img{width:23px;height:23px;display:block;margin:5px auto 0;text-align:center}.tabbar-item .item-name{font-size:12px;color:#333}.tabbar-item.noText .item-name{display:none}.tabbar-item.noText .tabbar-item-ico{font-size:25px;padding-top:0;line-height:50px}.tabbar.floating .tabbar-item.noText{height:55px}.tabbar-item.addPost{width:55px;height:55px;padding:0;position:relative;overflow:initial;box-sizing:border-box}.tabbar-item.addPost .addPost-main{position:absolute;top:-5px;left:0;background-color:#fff;width:100%;height:100%;border-radius:50%;position:relative;padding:5px;box-sizing:border-box}.tabbar.frostedGlass .tabbar-item.addPost .addPost-main,.tabbar.translucent .tabbar-item.addPost .addPost-main{background-color:#fff9}.tabbar.floating .tabbar-item.addPost .addPost-main{top:-2.5px}.addPost-i{background:linear-gradient(to bottom,#409eff,#6ab7ff);width:100%;height:100%;border-radius:50%;line-height:45px;text-align:center;font-size:25px;color:#fff;font-weight:700;transition:all .3s}.postShow .addPost-i{transform:rotate(135deg) translateZ(0)}.tabbar-operate{position:fixed;z-index:1020;visibility:hidden;opacity:0;bottom:0;transform:scale(.1);width:100%;left:0;padding:0 15px;box-sizing:border-box;text-align:center;transition:.3s all}.tabbar-operate.show{bottom:65px;transform:scale(1);opacity:1;visibility:visible}.tabbar-operate.show.floating{bottom:75px}.tabbar-operate-main{width:100%;height:100px;border-radius:20px;padding-top:9px;background:#fff;box-shadow:0 0 5px #0003;overflow:hidden}.tabbar-operate-main>view{width:25%;float:left}.tabbar-operate-main .index-sort-text{font-size:14px;font-weight:700}.tabbar-operate-bg{position:fixed;background-color:#000;width:100%;height:100vh;opacity:0;z-index:1010;left:0;top:0;transition:.2s all;visibility:hidden}.tabbar-operate-bg.show{opacity:.4;visibility:visible}.topList{padding:10px}.topList-box{padding:6px}.topList-main{padding:20px 10px;border-radius:12px;background:linear-gradient(135deg,#409eff26,#409eff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#409eff;font-size:13px;text-align:center;transition:all .25s ease}.topList-main:active{transform:scale(.95);box-shadow:0 2px 5px #0000001a}.topList-main text{display:block;font-size:28px;margin-bottom:6px;opacity:.9}.topList .topList-box:nth-child(2) .topList-main{color:#18b566;background:linear-gradient(135deg,#18b56626,#18b5660d)}.topList .topList-box:nth-child(3) .topList-main{color:#ff5c8a;background:linear-gradient(135deg,#ff5c8a26,#ff5c8a0d)}.invite{padding:15px;text-align:center}.invite-title{font-size:16px;color:#000;font-weight:700}.invite-pic{padding:10px 0 0}.invite-pic image{width:200px}.invite-text{font-size:25px;font-weight:700;margin-bottom:15px}.home-section{padding:5px 5px 10px}.home-section-box{padding:5px;text-align:center}.home-section-pic{width:60px;height:60px;overflow:hidden;margin:0 auto;border-radius:50%}.home-section-pic image{width:100%;background:#f3f3f3;height:100%}.home-section-text{margin-top:5px}.home-section-title{color:#000;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.home-section-value{font-size:12px;color:#999}.square-data-type{text-align:right;padding:10px 10px 5px}.square-data-type text{color:#999;margin-left:10px}.square-data-type text.cur{color:#000;font-weight:700}.user-title{height:35px;font-weight:700;color:#000;line-height:35px;padding:0 15px}.identify-box{background:#fff;height:125px;margin-top:5px}.identify-title{line-height:45px;height:45px;padding:0 15px;border-bottom:solid 1px #f6f6f6}.identify-title-text{color:#000;font-size:17px;font-weight:700}.identify-title .text-blue,.identify-title .text-orange,.identify-title .text-green{float:right}.identify-concent{padding:15px}.identify-tips{padding:15px;color:#666}.identify-tips-title{margin-bottom:10px;color:#333;font-size:15px;font-weight:700}.identify-tips-p{margin-bottom:9px;line-height:20px}.identify-item-box{padding:15px;border-bottom:solid 1px #f6f6f6}.identify-box-btn{float:right}.identify-box-user{margin-top:9px}.identify-box-value{color:#666;line-height:25px}.identify-box-value text{font-weight:700;color:#333;font-size:18px}.upload-bg{padding:15px}.upload-bg-no{background:#ddd;width:100%;height:190px;border-radius:4px;text-align:center;font-size:18px;color:#666;line-height:180px}.upload-bg-box{position:relative;width:100%;height:190px;border-radius:4px;overflow:hidden;text-align:center}.upload-bg-box image{width:100%}.reload-btn{position:absolute;top:42%;z-index:5;width:100%;color:#fff;font-weight:700;font-size:21px;text-shadow:0px 0px 2px #000}.articleNew-box{padding:5px 10px;margin-top:5px}.articleNew-main{background:#fff;box-shadow:0 0 4px #0000001a;overflow:hidden;border-radius:5px;padding:10px}.articleNew-ico{width:75px;height:75px;line-height:75px;text-align:center;font-size:30px;color:#fffc;border-radius:5px;float:left;opacity:.8}.articleNew-mian-info{width:calc(100% - 95px);float:left;padding-left:10px;padding-top:8px}.articleNew-mian-title{font-size:18px;font-weight:700;color:#000;margin-bottom:10px}.articleNew-mian-intro{font-size:12px;color:#999}.articleNew-right{width:20px;float:left;line-height:75px;text-align:right;font-size:20px;color:#999}.cu-list.menu-avatar>.cu-item:after,.cu-list.menu>.cu-item:after{border-bottom:.5px solid #f3f3f3}.addAccount{margin-top:10px;padding:0 10px}.addAccount-main{width:100%;overflow:hidden;background:#fff;padding:10px;border-radius:10px}.addAccount-i{width:40px;height:40px;background:#f3f3f3;text-align:center;line-height:40px;border-radius:50%;float:left}.addAccount-i text{font-size:20px}.addAccount-text{float:left;padding-left:10px;line-height:40px;font-weight:700;width:calc(100% - 40px)}.lime-painter{position:relative;z-index:10}.text-blue{color:#409eff}.bg-blue{background:#409eff}.chat-history{padding:10px 15px;border-bottom:solid 1px #f3f3f3;overflow:hidden}.chat-history .cu-avatar{width:40px;height:40px;float:left;border-radius:50%}.chat-history .chat-history-main .date{color:#999;margin-top:5px}.chat-history .chat-history-main{width:calc(100% - 40px);padding-left:10px;float:left}.chat-history-user{margin-bottom:5px;padding-top:2px;font-weight:700}.select-type{background:#fff;text-align:right;width:100%;padding:5px 15px}.select-type text{margin:0 3px;font-size:13px;color:#999}.select-type text.cur{color:#000}.chat-history-btn{margin-top:5px}.msg-input{width:calc(100% - 75px);font-size:14px;min-height:20px;padding-left:15px}.userIndex .header .action.info-btn .info-more-links-box{color:#000}.refuse-input textarea{font-size:15px;width:100%;height:100px}.login-area{position:relative}.login-area-list{position:absolute;left:0;top:20px;background:#fff;width:200px;z-index:10;padding:15px;border-radius:10px;box-shadow:0 0 6px #0003}.login-area-list-search{background:#f3f3f3;border-radius:5px;overflow:hidden}.login-area-list-search input{height:30px;padding:0 10px;font-size:12px}.login-area-list-concent{width:100%;height:150px;margin-top:10px}.login-area-box{height:30px;line-height:30px;border-bottom:solid 1px #f6f6f6;font-size:12px}.area-text{float:right;font-weight:700}.apple-product{padding:5px}.apple-product-main{border:solid 1px #409EFF;padding:10px;background:#e4e8ff;border-radius:5px;text-align:center}.apple-product-name{font-size:18px;margin-bottom:10px}.userrecharge-type-main{width:calc(100% + 10px);margin-left:-5px}.userrecharge-type-title{font-size:14px;color:#000}.userrecharge-type-concent{width:100%;height:50px;padding:0 10px;line-height:50px;border:solid 1px #eee;border-radius:15px;font-size:13px}.userrecharge-type-concent image{width:30px;margin-right:2.5px;margin-top:10px;display:block;height:30px;float:left}.userrecharge-type-box{padding:5px}.userrecharge-type-box.active .userrecharge-type-concent,.payPackage-box.active .payPackage-box-main{border-color:#409eff;background:#409eff1a}.payPackage{width:calc(100% + 10px);margin-left:-5px;margin-bottom:5px}.payPackage-box{padding:5px}.payPackage-box-main{width:100%;height:75px;border-radius:15px;overflow:hidden;border:2px solid #ccc;text-align:center;position:relative}.payPackage-box-title{font-weight:700;padding-top:7px;font-size:15px}.payPackage-box-num{margin-top:3px;font-size:12px}.payPackage-box-integral{position:absolute;width:100%;height:20px;line-height:20px;font-size:12px;bottom:0;background:#ccc}.recharge-bottom-btn{position:fixed;bottom:0;left:0;background:#fff;width:100%;padding:15px}.recharge-bottom-btn .cu-btn{width:100%;border-radius:20px;height:45px;font-size:16px;font-weight:700}.agree-ico{width:15px;height:15px;text-align:center;color:#fff;line-height:15px;border:solid 1px #ccc;display:inline-block;margin-right:5px}.content-list-box{position:relative;width:100%;height:auto}.ban{background:#0006;position:absolute;z-index:50;width:100%;height:100%;top:0;left:0;transition:.3s all;visibility:hidden;opacity:0}.content-list-box.banShow .ban{visibility:inherit;opacity:1}.ban-concent{position:absolute;width:100%;text-align:center;left:0;top:45%}.ban-close{position:absolute;right:25px;top:25px;height:25px;width:25px;font-size:20px;color:#fff;line-height:25px}.ban-concent>text{background:#fff9;margin:0 5px;padding:8px 12px;font-size:13px;border-radius:15px;transition:.3s all}.ban-concent>text:hover{background:#fff3}.noFollow-tips{text-align:center;font-size:17px;padding:15px 0 10px;font-weight:700;color:#000}.cu-bar .iconfont{font-size:18px}.user-main-pic-btBg{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#222831;background:-webkit-linear-gradient(to bottom,rgba(255,255,255,.05),rgba(255,255,255,1));background:linear-gradient(to bottom,#ffffff0d,#fff)}.userHome-sort{padding:0 10px}.userHome-sort .index-sort-i{width:40px;height:40px;line-height:40px;color:#fff;font-size:20px}.block-noLogin{width:100%;height:calc(100vh - 100px);text-align:center}.block-noLogin-main{padding-top:100px}.block-noLogin-text{font-size:17px;margin-bottom:10px}.block-noLogin-btn .cu-btn{border-radius:10px}.waterfall-left,.waterfall-right{padding:0 2.5px}.waterfall-box{width:100%;margin-bottom:5px;background:#fff;overflow:hidden;border-radius:5px;position:relative}.waterfall-pic{width:100%;background:#f6f6f6;overflow:hidden;position:relative}.waterfall-pic image{display:block;width:100%;background:#ccc}.waterfall-placeholder{width:100%;background:#f5f5f5;border-radius:12px}.waterfall-info{padding:8px 10px}.waterfall-ico{position:absolute;right:10px;bottom:10px}.waterfall-ad{font-size:1px;border:solid 1px #333;border-radius:5px;padding:2px 6px}.waterfall-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-setup{width:calc(100% - 200px);text-align:right;float:right;padding-top:10px}.user-setup text{display:inline-block;width:35px;text-align:center;line-height:35px;height:35px;margin-left:10px;border-radius:50%;background:#fff3}.user-sidebar-bg{position:fixed;background-color:#000;width:100%;height:100vh;opacity:.3;z-index:99999;left:0;top:0;transition:.5s all;visibility:hidden}.user-sidebar-main{position:fixed;width:250px;background:#f6f6f6;height:100vh;z-index:999999;transition:.5s all;left:-600px;top:0;visibility:hidden}.user-sidebar.show .user-sidebar-bg{opacity:.3;visibility:initial}.user-sidebar.show .user-sidebar-main{left:0;visibility:initial}.user-sidebar-btn{text-align:center;padding:0 15px;margin-top:20px}.user-sidebar-list{height:calc(100vh - 125px);height:calc(100vh - 175px)}.user-sidebar-btnItem-ico{height:40px;width:40px;background:#0000001a;line-height:40px;border-radius:50%;margin:0 auto;color:#414141;font-size:17px}.user-sidebar-btnItem-text{font-size:12px;margin-top:8px}.layoutStyle .style-i{background:linear-gradient(90deg,#e54d42,#ff6a5b);box-shadow:0 6px 18px #ff6a5b59;transition:all .25s ease;position:relative;height:50px;padding:12px 28px;font-size:16px;color:#fff;border:none;border-radius:999px;cursor:pointer;overflow:hidden}.layoutStyle .style-i:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff6a5b73}.layoutStyle .style-i:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 12px #ff6a5b4d}.layoutStyle .style-i:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff80,#fff0);transform:skew(-25deg)}.layoutStyle .style-i:hover:after{animation:shine .8s forwards}@keyframes shine{to{left:120%}}.style-i.list .line{height:5px;background:#ffffffe6;margin-bottom:4px;border-radius:3px}.style-i.list .line.short{width:60%}.style-i.waterfall{display:flex;justify-content:space-between}.style-i.waterfall .col{width:48%}.style-i.waterfall .block{height:10px;background:#ffffffe6;margin-bottom:3px;border-radius:3px}.style-sub{width:195px}.style-sub-box{padding:0 4px}.style-sub-box-concent{height:25px;line-height:25px;font-size:12px;background:#0000001a;border-radius:4px}.style-sub-box.act .style-sub-box-concent{background:linear-gradient(90deg,#e54d42,#ff6a5b);color:#fff}.style-i.waterfall .block.tall{height:16px}.media{padding:7.5px}.media-card-box{width:100%;padding:7.5px}.media-card-main{background:#fff;height:130px;border-radius:12px;padding:20px}.media-card-main-ico{width:70px;height:70px;text-align:center;margin:0 auto;border-radius:6px;line-height:70px;font-size:33px;background:#ccc;color:#fff}.media-card-main-text{text-align:center;font-size:15px;margin-top:6px;color:#000;font-weight:700}.tabbar-operate-AI{height:75px;margin-bottom:10px;padding:0 20px;border-radius:499.5px;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);box-shadow:0 4px 10px #0003}.ai-icon{position:relative;width:55px;margin-top:10px;height:55px;line-height:55px;border-radius:50%;float:left;background:radial-gradient(circle,#00f2fe,#4facfe);box-shadow:0 0 10px #4facfecc,0 0 20px #00f2fe99;animation:ai-glow 2.5s infinite ease-in-out}.ai-btn{float:right;margin-top:25px;margin-right:10px;margin-left:5px;padding:6px 14px;border-radius:499.5px;background:#fff;color:#4facfe;font-size:13px;font-weight:600;box-shadow:0 2px 6px #4facfe4d;transition:all .2s ease}.ai-icon text{font-size:25px;color:#000;z-index:2}.ai-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0;border:1px solid rgba(0,242,254,.6);animation:ai-ring 2s linear infinite}.ai-text{float:left;width:calc(100% - 150px);font-size:25px;line-height:75px;font-weight:600;letter-spacing:1px;background:linear-gradient(90deg,#00f2fe,#4facfe,#00f2fe);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ai-text-flow 3s linear infinite}@keyframes ai-text-flow{0%{background-position:0% center}to{background-position:200% center}}@keyframes ai-glow{0%{box-shadow:0 0 5px #4facfe99,0 0 10px #00f2fe66}50%{box-shadow:0 0 15px #4facfe,0 0 30px #00f2fecc}to{box-shadow:0 0 5px #4facfe99,0 0 10px #00f2fe66}}@keyframes ai-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.waterfall-list-status{height:35px;line-height:35px;background:#fff;font-size:13px;padding:0 15px;color:#999;border-bottom:solid 1px #f6f6f6}.waterfall-list-status .waterfall-list-status-box.active{color:#000}.waterfall-read{background:#0003;position:absolute;z-index:25px;bottom:10px;left:10px;font-size:12px;padding:3px 10px;border-radius:15px;display:inline-block;color:#fff}.waterfall-read text{margin-right:3px}.waterfall-play{background:#0000004d;display:inline-block;width:25px;height:25px;position:absolute;z-index:25px;top:10px;right:10px;font-size:12px;border-radius:50%;color:#fff;text-align:center;line-height:25px}.contentlist-meta-info{position:relative;height:175px;height:200px;overflow:hidden}.contentlist-meta-info-bg{position:absolute;width:100%;top:0;left:0;height:100%;z-index:0}.contentlist-meta-info-bg image{width:100%;height:100%}.contentlist-meta-info-text{position:absolute;width:100%;top:0;left:0;height:100%;z-index:10;background:#0000004d;color:#fff}.contentlist-meta-info-title{font-weight:700;font-size:25px;margin-bottom:3px}.contentlist-meta-info-num{margin-bottom:15px;color:#ffffffb3}.contentlist-meta-info-intro{color:#ffffffe6}.meta-info-btn{position:absolute;bottom:60px;border-radius:6px;right:25px;z-index:20}.header .search-form,.toGroup,.tags text.tags-box,.update-tips,.LinksModal input,.logout-main,.copy-comment,.clock-btn,.ruleApi-Info .cu-btn,.scan-user-btn .cu-btn,.space-reply-list .no-data .cu-btn,.tokenList-box .tokenList-info .cu-btn,.full-noLogin-btn .cu-btn,.meta-type,.order-type,.ads-ico,.search-close,.kaptcha-input,.kaptcha-input input,.section-page-btn .cu-btn,.meta-info-btn,.section-sub,.moderator-btn,.style-sub-box-concent,.space-reply-num,.section-ico-no,.upload-bg-no,.goUserIndex .cu-btn,.space-follow .cu-btn,.recharge-bottom-btn .cu-btn,.userrecharge-type-concent,.meta-type.act{border-radius:var(--radius-control)!important}.data-box,.all-box,.user-form .cu-form-group,.data-box .cu-item .cu-item.category-item,.category-main,.category-item,.content-btn-i,.user-post-info,.user-space-info,.articleNew-main,.articleNew-ico,.announcement-concent,.myAds-pic,.section-main,.section-ico image,.section-info-ico image,.waterfall-box,.waterfall-placeholder,.login-area-list-search,.apple-product-main,.pay-codeImg,.userrecharge-code image,.upload-bg-box,.article-big image,.info-more-links,.topList-main,.media-card-main,.addAccount-main{border-radius:var(--radius-card)!important}.update-main,.announcement-main,.userLoginstatus .cu-dialog,.cu-dialog.kaptcha-dialog,.login-area-list,.info-operate-main,.tabbar-operate-main{border-radius:var(--radius-dialog)!important}.topic-main,.ImageList-box,.tabbar.floating,.payPackage-box-main,.topList-main,.media-card-main{border-radius:var(--radius-large-card)!important}.index-sort-i,.userList .cuIcon-lightfill,.userList .gender-ico,.top-box text,.home-section-pic,.addAccount-i,.reward-log-box .reward-log-i,.post-update,.user-sidebar-btnItem-ico{border-radius:50%!important}.full-blue .header .cu-bar.bg-white{background-color:#4c8bff;color:#fff}.full-pink .header .cu-bar.bg-white{background-color:#fa7298;color:#fff}.full-orange .header .cu-bar.bg-white{background-color:#f47c35;color:#fff}.full-green .header .cu-bar.bg-white{background-color:#8ebe58;color:#fff}.full-red .header .cu-bar.bg-white{background-color:#e54d42;color:#fff}.full-brown .header .cu-bar.bg-white{background-color:#a5673f;color:#fff}.full-cyan .header .cu-bar.bg-white{background-color:#1cbbb4;color:#fff}.full-purple .header .cu-bar.bg-white{background-color:#6739b6;color:#fff}.userIndex.full-blue .header.goScroll{background:#4c8bff}.userIndex.full-pink .header.goScroll{background:#fa7298}.userIndex.full-orange .header.goScroll{background:#f47c35}.userIndex.full-green .header.goScroll{background:#8ebe58}.userIndex.full-red .header.goScroll{background:#e54d42}.userIndex.full-brown .header.goScroll{background:#a5673f}.userIndex.full-cyan .header.goScroll{background:#1cbbb4}.userIndex.full-purple .header.goScroll{background:#6739b6}[class*=full-] .header.goScroll .action,[class*=full-] .header .action{color:#fff}[class*=full-] .header .cu-bar .search-form{background-color:#ffffff40;color:#fff}[class*=full-] .header .cu-bar .search-form input::placeholder{color:#fff}[class*=full-] .header .content{color:#fff}[class*=full-] .square-box{color:#fffc}[class*=full-] .square-box.cur{color:#fff}[class*=full-] .header .action .bg-gradual-orange{color:#333;background-color:#fff;background-image:none}[class*=full-] .header .search-form-text{color:#ffffffb3}[class*=full-] .section-sub.cu-btn:not([class*=bg-]){background:#fff3}.simple-blue .metaList .nav .cu-item.cur,.full-blue .metaList .nav .cu-item.cur{border-bottom:#4C8BFF 2px solid}.simple-blue .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-blue .text-blue,.full-blue .text-blue,.full-blue .lines-blue{color:#4c8bff}.simple-blue .bg-blue,.full-blue .bg-blue{background-color:#4c8bff}.simple-blue .cu-avatar .home-noLogin,.full-blue .cu-avatar .home-noLogin{color:#4c8bff}.simple-blue .search-type-box.active,.full-blue .search-type-box.active{border-bottom:solid 2px #4C8BFF}.simple-blue .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red,.full-blue .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#4c8bff}.simple-blue .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red,.full-blue .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#4c8bff}.simple-blue .section-ico-no,.full-blue .section-ico-no{background-color:#4c8bff}.simple-blue .bg-blue.light,.full-blue .bg-blue.light{color:#fff}.simple-blue .tags text.tags-box,.full-blue .tags text.tags-box{color:#4c8bff;background-color:#e7f0ff}.simple-blue .goUserIndex .unFollow,.full-blue .goUserIndex .unFollow{background:#4c8bff!important}.simple-blue .goUserIndex .isFollow,.full-blue .goUserIndex .isFollow{background:#3b74eb!important}.simple-blue .clock-btn,.full-blue.clock-btn{color:#4c8bff}.simple-blue .clock-btn.istap,.full-blue .clock-btn.istap{color:#3b74eb}.simple-blue .data-box-title,.full-blue .data-box-title{border-color:#4c8bff}.simple-blue .tabbarActive,.full-blue .tabbarActive{background:linear-gradient(to bottom,#4c8bff,#7db2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-blue .addPost-i,.full-blue .addPost-i{background:linear-gradient(to bottom,#4c8bff,#7db2ff)}.simple-blue .waterfallHome-header .square-box.cur{border-color:#4c8bff}.simple-pink .metaList .nav .cu-item.cur,.full-pink .metaList .nav .cu-item.cur{border-bottom:#fa7298 2px solid}.simple-pink .text-blue,.full-pink .text-blue,.full-pink .lines-blue{color:#fa7298}.simple-pink .bg-blue,.full-pink .bg-blue{background-color:#fa7298}.simple-pink .cu-avatar .home-noLogin,.full-pink .cu-avatar .home-noLogin{color:#fa7298}.simple-pink .search-type-box.active,.full-pink .search-type-box.active{border-bottom:solid 2px #fa7298}.simple-pink .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red,.full-pink .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#fa7298}.simple-pink .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red,.full-pink .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#fa7298}.simple-pink .section-ico-no,.full-pink .section-ico-no{background-color:#fa7298}.simple-pink .bg-blue.light,.full-pink .bg-blue.light{color:#fff}.simple-pink .tags text.tags-box,.full-pink .tags text.tags-box{color:#fa7298;background-color:#fadee8}.simple-pink .goUserIndex .unFollow,.full-pink .goUserIndex .unFollow{background:#fa7298!important}.simple-pink .goUserIndex .isFollow,.full-pink .goUserIndex .isFollow{background:#fa517e!important}.simple-pink .clock-btn,.full-pink.clock-btn{color:#fa7298}.simple-pink .clock-btn.istap,.full-pink .clock-btn.istap{color:#fa517e}.simple-pink .data-box-title,.full-pink .data-box-title{border-color:#fa7298}.simple-pink .tabbarActive,.full-pink .tabbarActive{background:linear-gradient(to bottom,#fa7298,#fa91b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-pink .addPost-i,.full-pink .addPost-i{background:linear-gradient(to bottom,#fa7298,#fa91b1)}.simple-pink .waterfallHome-header .square-box.cur{border-color:#fa7298}.simple-orange .metaList .nav .cu-item.cur,.full-orange .metaList .nav .cu-item.cur{border-bottom:#f47c35 2px solid}.simple-pink .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-orange .text-blue,.full-orange .text-blue{color:#f47c35}.simple-orange .bg-blue,.full-orange .bg-blue{background-color:#f47c35}.simple-orange .cu-avatar .home-noLogin,.full-orange .cu-avatar .home-noLogin{color:#f47c35}.simple-orange .search-type-box.active,.full-orange .search-type-box.active{border-bottom:solid 2px #f47c35}.simple-orange .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red,.full-orange .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#f47c35}.simple-orange .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red,.full-orange .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#f47c35}.simple-orange .section-ico-no,.full-orange .section-ico-no{background-color:#f47c35}.simple-orange .bg-blue.light,.full-orange .bg-blue.light{color:#fff}.simple-orange .tags text.tags-box,.full-orange .tags text.tags-box{color:#f47c35;background-color:#f4e1d4}.simple-orange .goUserIndex .unFollow,.full-orange .goUserIndex .unFollow{background:#f47c35!important}.simple-orange .goUserIndex .isFollow{background:#df7030!important}.simple-orange .clock-btn,.full-orange.clock-btn{color:#f47c35}.simple-orange .clock-btn.istap,.full-orange .clock-btn.istap{color:#df7030}.simple-orange .data-box-title,.full-orange .data-box-title{border-color:#f47c35}.simple-orange .tabbarActive,.full-orange .tabbarActive{background:linear-gradient(to bottom,#f47c35,#f49455);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-orange .addPost-i,.full-orange .addPost-i{background:linear-gradient(to bottom,#f47c35,#f49455)}.simple-orange .waterfallHome-header .square-box.cur{border-color:#f47c35}.simple-green .metaList .nav .cu-item.cur,.full-green .metaList .nav .cu-item.cur{border-bottom:#8ebe58 2px solid}.simple-green .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-green .text-blue,.full-green .text-blue{color:#8ebe58}.simple-green .bg-blue,.full-green .bg-blue{background-color:#8ebe58}.simple-green .cu-avatar .home-noLogin,.full-green .cu-avatar .home-noLogin{color:#8ebe58}.simple-green .search-type-box.active,.full-green .search-type-box.active{border-bottom:solid 2px #8ebe58}.simple-green .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red,.full-green .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#8ebe58}.simple-green .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red,.full-green .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#8ebe58}.simple-green .section-ico-no,.full-green .section-ico-no{background-color:#8ebe58}.simple-green .bg-blue.light,.full-green .bg-blue.light{color:#fff}.simple-green .tags text.tags-box,.full-green .tags text.tags-box{color:#fff;background-color:#8ebe58}.simple-green .goUserIndex .unFollow,.full-green .goUserIndex .unFollow{background:#8ebe58!important}.simple-green .goUserIndex .isFollow,.full-green .goUserIndex .isFollow{background:#7ea84e!important}.simple-green .clock-btn{color:#8ebe58}.simple-green .clock-btn.istap,.simple-green .clock-btn,.full-green.clock-btn,.full-green .clock-btn.istap{color:#7ea84e}.simple-green .data-box-title,.full-green .data-box-title{border-color:#8ebe58}.simple-green .tabbarActive,.full-green .tabbarActive{background:linear-gradient(to bottom,#8ebe58,#bcdf90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-green .addPost-i,.full-green .addPost-i{background:linear-gradient(to bottom,#8ebe58,#bcdf90)}.simple-green .waterfallHome-header .square-box.cur{border-color:#8ebe58}.simple-red .metaList .nav .cu-item.cur,.full-red .metaList .nav .cu-item.cur{border-bottom:#e54d42 2px solid}.simple-red .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-red .text-blue,.full-red .text-blue{color:#e54d42}.simple-red .bg-blue,.full-red .bg-blue{background-color:#e54d42}.simple-red .cu-avatar .home-noLogin,.full-red .cu-avatar .home-noLogin{color:#e54d42}.simple-red .search-type-box.active,.full-red .search-type-box.active{border-bottom:solid 2px #e54d42}.simple-red .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red,.full-red .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#e54d42}.simple-red .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red,.full-red .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#e54d42}.simple-red .section-ico-no,.full-red .section-ico-no{background-color:#e54d42}.simple-red .bg-blue.light,.full-red .bg-blue.light{color:#fff}.simple-red .tags text.tags-box,.full-red .tags text.tags-box{color:#fff;background-color:#e54d42}.simple-red .goUserIndex .unFollow,.full-red .goUserIndex .unFollow{background:#e54d42!important}.simple-red .goUserIndex .isFollow,.full-red .goUserIndex .isFollow{background:#d8483e!important}.simple-red .clock-btn{color:#e54d42}.simple-red .clock-btn.istap,.simple-red .clock-btn,.full-red.clock-btn{color:#d8483e}.simple-red .clock-btn.istap,.full-red .clock-btn.istap{background:#d8483e}.simple-red .data-box-title,.full-red .data-box-title{border-color:#e54d42}.simple-red .tabbarActive,.full-red .tabbarActive{background:linear-gradient(to bottom,#e54d42,#ff8a80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-red .addPost-i,.full-red .addPost-i{background:linear-gradient(to bottom,#e54d42,#ff8a80)}.simple-red .waterfallHome-header .square-box.cur{border-color:#e54d42}.simple-brown .metaList .nav .cu-item.cur,.full-brown .metaList .nav .cu-item.cur{border-bottom:#a5673f 2px solid}.simple-brown .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-brown .text-blue,.full-brown .text-blue{color:#a5673f}.simple-brown .bg-blue,.full-brown .bg-blue{background-color:#a5673f}.simple-brown .cu-avatar .home-noLogin,.full-brown .cu-avatar .home-noLogin{color:#a5673f}.simple-brown .search-type-box.active,.full-brown .search-type-box.active{border-bottom:solid 2px #a5673f}.simple-brown .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-brown,.full-brown .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#a5673f}.simple-brown .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-brown,.full-brown .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#a5673f}.simple-brown .section-ico-no,.full-brown .section-ico-no{background-color:#a5673f}.simple-brown .bg-blue.light,.full-brown .bg-blue.light{color:#fff}.simple-brown .tags text.tags-box,.full-brown .tags text.tags-box{color:#fff;background-color:#a5673f}.simple-brown .goUserIndex .unFollow,.full-brown .goUserIndex .unFollow{background:#a5673f!important}.simple-brown .goUserIndex .isFollow,.full-brown .goUserIndex .isFollow{background:#995e3a!important}.simple-brown .clock-btn{color:#a5673f}.simple-brown .clock-btn.istap,.simple-brown .clock-btn,.full-brown.clock-btn,.full-brown .clock-btn.istap{color:#995e3a}.simple-brown .data-box-title,.full-brown .data-box-title{border-color:#a5673f}.simple-brown .tabbarActive,.full-brown .tabbarActive{background:linear-gradient(to bottom,#a5673f,#d28250);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-brown .addPost-i,.full-brown .addPost-i{background:linear-gradient(to bottom,#a5673f,#d28250)}.simple-brown .waterfallHome-header .square-box.cur{border-color:#a5673f}.simple-cyan .metaList .nav .cu-item.cur,.full-cyan .metaList .nav .cu-item.cur{border-bottom:#1cbbb4 2px solid}.simple-cyan .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-cyan .text-blue,.full-cyan .text-blue{color:#1cbbb4}.simple-cyan .bg-blue,.full-cyan .bg-blue{background-color:#1cbbb4}.simple-cyan .cu-avatar .home-noLogin,.full-cyan .cu-avatar .home-noLogin{color:#1cbbb4}.simple-cyan .search-type-box.active,.full-cyan .search-type-box.active{border-bottom:solid 2px #1cbbb4}.simple-cyan .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-cyan,.full-cyan .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#1cbbb4}.simple-cyan.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-cyan,.full-cyan .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#1cbbb4}.simple-cyan .section-ico-no,.full-cyan .section-ico-no{background-color:#1cbbb4}.simple-cyan .bg-blue.light,.full-cyan .bg-blue.light{color:#fff}.simple-cyan .tags text.tags-box,.full-cyan .tags text.tags-box{color:#fff;background-color:#1cbbb4}.simple-cyan .goUserIndex .unFollow,.full-cyan .goUserIndex .unFollow{background:#1cbbb4!important}.simple-cyan .goUserIndex .isFollow,.full-cyan .goUserIndex .isFollow{background:#1aafa8!important}.simple-cyan .clock-btn{color:#1cbbb4}.simple-cyan .clock-btn.istap,.simple-cyan .clock-btn,.full-cyan.clock-btn,.full-cyan .clock-btn.istap{color:#1aafa8}.simple-cyan .data-box-title,.full-cyan .data-box-title{border-color:#1cbbb4}.simple-cyan .tabbarActive,.full-cyan .tabbarActive{background:linear-gradient(to bottom,#1cbbb4,#21e0d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-cyan .addPost-i,.full-cyan .addPost-i{background:linear-gradient(to bottom,#1cbbb4,#21e0d7)}.simple-cyan .waterfallHome-header .square-box.cur{border-color:#1cbbb4}.simple-purple .metaList .nav .cu-item.cur,.full-purple .metaList .nav .cu-item.cur{border-bottom:#6739b6 2px solid}.simple-purple .waterfallHome-nav.metaList .nav .cu-item.cur{border:none}.simple-purple .text-blue,.full-purple .text-blue{color:#6739b6}.simple-purple .bg-blue,.full-purple .bg-blue{background-color:#6739b6}.simple-purple .cu-avatar .home-noLogin,.full-purple .cu-avatar .home-noLogin{color:#6739b6}.simple-purple .search-type-box.active,.full-purple .search-type-box.active{border-bottom:solid 2px #6739b6}.simple-purple .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-purple,.full-purple .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.bg-red{background-color:#6739b6}.simple-purple.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-purple,.full-purple .cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn.text-red{color:#6739b6}.simple-purple .section-ico-no,.full-purple .section-ico-no{background-color:#6739b6}.simple-purple .bg-blue.light,.full-purple .bg-blue.light{color:#fff}.simple-purple .tags text.tags-box,.full-purple .tags text.tags-box{color:#fff;background-color:#6739b6}.simple-purple .goUserIndex .unFollow,.full-purple .goUserIndex .unFollow{background:#6739b6!important}.simple-purple .goUserIndex .isFollow,.full-purple .goUserIndex .isFollow{background:#5f34a8!important}.simple-purple .clock-btn{color:#6739b6}.simple-purple .clock-btn.istap,.simple-purple .clock-btn,.full-purple.clock-btn,.full-purple .clock-btn.istap{color:#5f34a8}.simple-purple .data-box-title,.full-purple .data-box-title,.simple-purple .waterfallHome-header .square-box.cur{border-color:#6739b6}.simple-purple .tabbarActive,.full-purple .tabbarActive{background:linear-gradient(to bottom,#6739b6,#864aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.simple-purple .addPost-i,.full-purple .addPost-i{background:linear-gradient(to bottom,#6739b6,#8f4ffc)}.simple-blue .userrecharge-type-box.active .userrecharge-type-concent,.full-blue .userrecharge-type-box.active .userrecharge-type-concent,.simple-blue .payPackage-box.active .payPackage-box-main,.full-blue .payPackage-box.active .payPackage-box-main{border-color:#4c8bff;background:#4c8bff1a}.simple-pink .userrecharge-type-box.active .userrecharge-type-concent,.full-pink .userrecharge-type-box.active .userrecharge-type-concent,.simple-pink .payPackage-box.active .payPackage-box-main,.full-pink .payPackage-box.active .payPackage-box-main{border-color:#fa7298;background:#fa72981a}.simple-orange .userrecharge-type-box.active .userrecharge-type-concent,.full-orange .userrecharge-type-box.active .userrecharge-type-concent,.simple-orange .payPackage-box.active .payPackage-box-main,.full-orange .payPackage-box.active .payPackage-box-main{border-color:#f47c35;background:#f47c351a}.simple-green .userrecharge-type-box.active .userrecharge-type-concent,.full-green .userrecharge-type-box.active .userrecharge-type-concent,.simple-green .payPackage-box.active .payPackage-box-main,.full-green .payPackage-box.active .payPackage-box-main{border-color:#8ebe58;background:#8ebe581a}.simple-red .userrecharge-type-box.active .userrecharge-type-concent,.full-red .userrecharge-type-box.active .userrecharge-type-concent,.simple-red .payPackage-box.active .payPackage-box-main,.full-red .payPackage-box.active .payPackage-box-main{border-color:#e54d42;background:#e54d421a}.simple-brown .userrecharge-type-box.active .userrecharge-type-concent,.full-brown .userrecharge-type-box.active .userrecharge-type-concent,.simple-brown .payPackage-box.active .payPackage-box-main,.full-brown .payPackage-box.active .payPackage-box-main{border-color:#a5673f;background:#a5673f1a}.simple-cyan .userrecharge-type-box.active .userrecharge-type-concent,.full-cyan .userrecharge-type-box.active .userrecharge-type-concent,.simple-cyan .payPackage-box.active .payPackage-box-main,.full-cyan .payPackage-box.active .payPackage-box-main{border-color:#1cbbb4;background:#1cbbb41a}.simple-purple .userrecharge-type-box.active .userrecharge-type-concent,.full-purple .userrecharge-type-box.active .userrecharge-type-concent,.simple-purple .payPackage-box.active .payPackage-box-main,.full-purple .payPackage-box.active .payPackage-box-main{border-color:#6739b6;background:#6739b61a}.mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:44px;background:#fff}.nav-left,.nav-right{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333}.nav-tabs{display:flex;background:#00000008;border-radius:499.5px;padding:3px}.nav-tab{padding:6px 15px;font-size:13px;color:#64748b;border-radius:499.5px;transition:all .3s}.nav-tab.active{background:#fff;color:#0f172a;font-weight:700;box-shadow:0 2px 5px #0000000d}.mobile-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.flower-wrapper{margin-bottom:30px}.pixel-flower{display:flex;flex-direction:column;gap:3px}.pf-row{display:flex;gap:3px;justify-content:center}.pf-dot{width:12px;height:12px;border-radius:50%;background:transparent}.pf-dot.c-pink{background:#f43f5e}.pf-dot.c-purple{background:#a855f7}.pf-dot.c-orange{background:#f59e0b}.pf-dot.c-blue{background:#3b82f6}.pf-dot.c-white{background:#fff;border:1px solid #e2e8f0}.pf-dot.c-yellow{background:#eab308}.pf-dot.c-cyan{background:#06b6d4}.pf-dot.c-green{background:#22c55e}.m-title{font-size:28px;font-weight:900;color:#1e293b;margin-bottom:8px}.m-subtitle{font-size:16px;color:#df765a;font-weight:600;margin-bottom:12px}.m-slogan{font-size:13px;color:#94a3b8;margin-bottom:30px}.m-btn-upload{width:80%;height:48px;background:#df765a;color:#fff;border-radius:24px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #df765a4d;border:none;margin-bottom:20px}.m-links{font-size:12px;color:#cbd5e1;margin-bottom:20px}.m-palette-info{font-size:12px;color:#94a3b8}.mobile-float-tools{position:absolute;right:15px;top:100px;display:flex;flex-direction:column;gap:10px;z-index:90}.tool-btn{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#475569;box-shadow:0 2px 6px #0000001a}.tool-btn.active{background:#df765a;color:#fff}.perler-page{height:100vh;overflow:hidden;background-color:#f8f7f3;background-image:radial-gradient(#D4D4D4 1.5px,transparent 1.5px);background-size:30px 30px;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.empty-state-modern{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:linear-gradient(180deg,#f0f4f8,#e1e8f0)}.welcome-header{text-align:center;margin-bottom:30px}.welcome-title{font-size:24px;font-weight:900;color:#1e293b;display:block;margin-bottom:8px;letter-spacing:1px}.welcome-desc{font-size:14px;color:#64748b}.upload-card{width:100%;max-width:300px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 20px #0f172a0f;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-card:active{transform:scale(.98);background:#ffffffe6}.upload-icon-wrapper{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 16px #2563eb4d}.upload-icon{font-size:32px;color:#fff}.upload-main-text{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:6px}.upload-sub-text{font-size:12px;color:#94a3b8}.feature-list{margin-top:40px;display:flex;justify-content:space-between;width:100%;max-width:320px}.feature-item{display:flex;flex-direction:column;align-items:center;flex:1}.feature-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}.feature-text{font-size:11px;color:#475569;text-align:center;font-weight:500}.bg-blue-light{background-color:#dbeafe!important}.bg-green-light{background-color:#d1fae5!important}.bg-orange-light{background-color:#ffedd5!important}.bg-cyan-light{background-color:#cffafe!important}.toolbar-glass{position:absolute;top:15px;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:8px 12px;box-shadow:0 6px 16px #0f172a14;border:1px solid rgba(255,255,255,.8);z-index:100;width:auto;max-width:96%}.color-dock-wrapper{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:8px 10px;box-shadow:0 5px 15px #0f172a1a;border:1px solid rgba(255,255,255,.8);z-index:90}.color-dock-scroll{width:100%;white-space:nowrap}.color-dock-inner{display:inline-flex;align-items:center;padding:0 5px;gap:10px}.color-dock-item{display:inline-flex;flex-direction:column;align-items:center;background:#f8fafc;padding:6px 8px;border-radius:10px;border:1px solid #e2e8f0;min-width:45px}.dock-color-circle{width:18px;height:18px;border-radius:50%;margin-bottom:4px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 2px #0000001a}.dock-color-code{font-size:10px;color:#334155;font-weight:700;margin-bottom:2px}.dock-color-count{font-size:9px;color:#f59e0b;background:#fef3c7;padding:1px 6px;border-radius:5px;font-weight:600}@media screen and (max-width:768px){.toolbar-glass{width:92%;border-radius:15px;padding:8px;top:10px}.toolbar-content{justify-content:space-between;gap:6px}.tool-group{flex:1;justify-content:center;flex-wrap:wrap}.tool-divider{display:none}.glass-input-group{padding:2px 6px}.grid-input-modern,.picker-view-modern{width:40px;font-size:11px}.cu-btn.sm{padding:0 10px;font-size:11px}.empty-state-modern{padding:20px 10px}.welcome-title{font-size:20px}.feature-list{flex-wrap:wrap;gap:10px}.m-segmented{display:flex;background:#f1f5f9;border-radius:6px;padding:2px}.m-seg-item{padding:6px 12px;font-size:12px;color:#64748b;border-radius:4px}.m-seg-item.active{background:#fff;color:#0f172a;font-weight:700;box-shadow:0 1px 4px #0000000d}}.toolbar-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.tool-group{display:flex;align-items:center;gap:6px}.grid-mode-group{gap:5px}.grid-mode-segmented{display:inline-flex;align-items:center;padding:3px;border-radius:499.5px;background:#f1f5f9;gap:3px}.grid-mode-segment-btn{height:28px;padding:0 11px;border-radius:499.5px;background:transparent;color:#475569;font-size:11px;font-weight:600;border:none;display:inline-flex;align-items:center;justify-content:center}.grid-mode-segment-btn.active{background:#2563eb;color:#fff;box-shadow:0 4px 10px #2563eb2e}.grid-mode-segment-btn.detail.active{background:#f97316;box-shadow:0 4px 10px #f973162e}.tool-divider{width:1px;height:16px;background:#0000001a;margin:0 4px}.glass-input-group{display:flex;align-items:center;background:#f1f5f9cc;padding:3px 8px;border-radius:499.5px}.grid-input-modern{width:35px;height:20px;text-align:center;font-size:12px;color:#0f172a;font-weight:600;margin-left:4px;border-left:1px solid #cbd5e1;padding-left:4px}.picker-view-modern{font-size:12px;color:#0f172a;font-weight:600;margin-left:4px;border-left:1px solid #cbd5e1;padding-left:4px}.zoom-controls{display:inline-flex;align-items:center;background:#f1f5f9;border-radius:499.5px;padding:2px}.zoom-btn{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:transparent;font-size:14px;color:#475569;padding:0}.zoom-btn:after{border:none}.zoom-divider{width:1px;height:12px;background:#cbd5e1}.canvas-viewport{flex:1;width:100%;background:transparent;overflow:hidden;position:relative;touch-action:none}.viewport-transformer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.artboard-container{background:#fff;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;position:relative;overflow:hidden}.pattern-board-shell{position:relative;width:100%;height:100%}.pattern-board-canvas{position:absolute;top:0;left:0;display:block}.pattern-interaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:grab;-webkit-user-select:none;user-select:none}.pattern-interaction-layer.dragging{cursor:grabbing}.preview-container{position:relative;width:100%;height:100%}.preview-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab;box-shadow:inset 0 0 0 1px #3c85ff42}.preview-image-layer.dragging{will-change:transform}.preview-image{width:100%;height:100%;display:block;pointer-events:none}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.grid-overlay-bold{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;box-shadow:none}.pattern-board{margin:20px auto;background:#fff;box-shadow:0 5px 20px #00000026}.bead-row{display:flex}.bead-cell{width:15px;height:15px;box-sizing:border-box;border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.05);flex-shrink:0;display:flex;align-items:center;justify-content:center}.bead-code{font-size:16px;transform:scale(.5);white-space:nowrap;font-weight:700;pointer-events:none;opacity:1!important;display:block!important}.bead-cell.border-right{border-right:1px dashed #333333}.bead-cell.border-bottom{border-bottom:1px dashed #333333}.bead-cell.border-left{border-left:1px dashed #333333}.bead-cell.border-top{border-top:1px dashed #333333}.picker-view{border:1px solid #e2e8f0;padding:3px 6px;border-radius:4px;font-size:12px;background:#f8fafc;color:#333}.color-picker-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#fff;border-top:1px solid #f1f5f9;box-shadow:0 -2px 5px #00000008;z-index:99;position:absolute;bottom:0;left:0;width:100%}.color-group-title{font-size:12px;font-weight:700;color:#475569;padding:4px 4px 2px}.color-picker-left{display:flex;align-items:center}.brush-size-group{display:flex;align-items:center;gap:4px;margin-left:8px}.brush-size-btn{min-width:22px;height:22px;padding:0 6px;border:1px solid #cbd5e1;border-radius:499.5px;background:#f8fafc;color:#475569;font-size:11px;line-height:21px}.brush-size-btn.active{background:#fff7ed;border-color:#fb923c;color:#ea580c;font-weight:700}.current-color-box{width:20px;height:20px;border-radius:3px;border:1px solid #e2e8f0;margin-left:5px}.color-select-item{display:flex;flex-direction:column;align-items:center;padding:5px;border-radius:6px;border:2px solid transparent}.color-select-item.active{border-color:#0081ff;background:#f0f9ff}.color-block{width:30px;height:30px;border-radius:4px;border:1px solid #e2e8f0}.stats-item{display:flex;align-items:center;gap:8px}.stats-color-box{width:30px;height:30px;border-radius:6px;border:1px solid #e2e8f0;margin-right:10px}.stats-info{flex:1;display:flex;flex-direction:column}.stats-lock-btn{min-width:66px;height:28px;padding:0 9px;border-radius:499.5px;background:#e2e8f0;color:#475569;font-size:12px;line-height:28px}.stats-lock-btn.active{background:#f97316;color:#fff}.export-dialog{border-radius:12px;overflow:hidden}.export-tabs{display:flex;border-bottom:1px solid #f1f1f1;background:#fff}.export-tab{flex:1;text-align:center;padding:12px 0;font-size:14px;color:#666;position:relative}.export-tab.active{color:#0081ff;font-weight:700}.export-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:#0081ff;border-radius:3px}.export-scroll{height:60vh;background:#f8f9fa;padding:10px}.export-form-group{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 2px 6px #00000005}.export-form-label{font-size:14px;color:#333;font-weight:700;margin-bottom:10px}.margin-bottom-0{margin-bottom:0}.export-input{width:100%;height:36px;background:#f1f5f9;border-radius:6px;padding:0 10px;font-size:14px}.export-radio-group{display:flex;gap:10px}.export-radio{flex:1;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;font-size:13px;color:#64748b;border:1px solid transparent;transition:all .2s}.export-radio.active{background:#eff6ff;border-color:#0081ff;color:#0081ff;font-weight:700}.export-radio.disabled{opacity:.5;background:#e2e8f0}.color-options-row{display:flex;gap:8px}.color-option-dot{width:20px;height:20px;border-radius:4px;border:2px solid transparent;transition:all .2s}.color-option-dot.active{border-color:#0081ff;transform:scale(1.1)}.guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999}.guide-popover{position:fixed;width:250px;background:#0081ff;color:#fff;border-radius:8px;padding:12px;box-shadow:0 5px 15px #0081ff66;z-index:1000;animation:popIn .4s cubic-bezier(.18,.89,.32,1.28)}.guide-arrow{position:absolute;width:0;height:0;border:10px solid transparent}.guide-arrow-bottom{bottom:-18px;left:50%;transform:translate(-50%);border-top-color:#0081ff}.guide-arrow-top{top:-18px;left:20px;border-bottom-color:#0081ff}.guide-content{display:flex;flex-direction:column}.guide-step-tag{font-size:11px;opacity:.88;margin-bottom:4px}.guide-footer{display:flex;flex-direction:column;margin-top:10px}.guide-checkbox{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 0}.guide-checkbox-icon{font-size:14px;color:#fff}.guide-checkbox-text{font-size:11px;color:#ffffffeb;margin-left:5px}.guide-actions{display:flex;justify-content:flex-end;margin-top:8px}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-prompt-dialog{background:#fff;border-radius:16px;overflow:hidden;width:300px;box-shadow:0 20px 40px #00000026}.prompt-header{background:linear-gradient(135deg,#fff8f1,#fff);padding:20px 15px 10px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(0,0,0,.03)}.prompt-icon-wrapper{width:48px;height:48px;background:#ffedd5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 5px 10px #f9731633}.prompt-icon-wrapper .cuIcon-warnfill{font-size:25px}.prompt-title{font-size:18px;font-weight:800;color:#1e293b;letter-spacing:.5px}.prompt-body{padding:15px;text-align:left}.prompt-desc{font-size:13px;color:#64748b;line-height:1.6;display:block;margin-bottom:10px}.prompt-issues{background:#fef2f2;border-radius:8px;padding:10px;margin-bottom:15px}.issue-item{font-size:12px;color:#991b1b;display:flex;align-items:center;margin-bottom:5px}.issue-item:last-child{margin-bottom:0}.prompt-recommend{background:linear-gradient(180deg,#f0fdfa,#fff);border:1px solid #ccfbf1;border-radius:10px;padding:12px}.recommend-title{font-size:14px;font-weight:700;color:#0f766e;margin-bottom:6px;display:flex;align-items:center}.recommend-text{font-size:12px;color:#0f766e;line-height:1.5;opacity:.9}.prompt-footer{padding:0 15px 20px;display:flex;flex-direction:column;gap:10px}.btn-split{width:100%;height:44px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border-radius:22px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #2563eb4d;border:none;transition:all .2s}.btn-split:active{transform:scale(.98);box-shadow:0 2.5px 5px #2563eb33}.btn-normal{width:100%;height:44px;background:#f1f5f9;color:#64748b;border-radius:22px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;border:none}.btn-normal:active{background:#e2e8f0}.perler-page{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column;background:#eef2f7;color:#12223d}.perler-page.desktop-home-page,.perler-page.mobile-home-page{background:#faf7f2}.studio-topbar{position:relative;z-index:30;background:linear-gradient(135deg,#1b2d7e,#112662 55%,#0d1b48);box-shadow:0 6px 18px #0a184238}.studio-topbar.desktop-home-topbar{background:transparent;box-shadow:none;border-bottom:none}.studio-topbar-inner{min-height:44px;padding:8px 14px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-topbar-left,.studio-topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-back-btn,.studio-head-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff24;color:#fff;font-size:17px}.studio-brand{display:flex;flex-direction:column;gap:2px;color:#fff}.studio-brand-label{font-size:10px;opacity:.7}.studio-brand-title{font-size:17px;font-weight:700}.studio-brand-subtitle{font-size:11px;line-height:1.5;opacity:.78}.studio-chip{padding:5px 9px;border-radius:499.5px;background:#ffffff1f;color:#fff;font-size:11px}.studio-head-action{display:flex;align-items:center;gap:4px;padding:0 12px;height:36px;border-radius:8px;font-size:13px;font-weight:600}.studio-head-action.primary{background:#fff;color:#1f4ad7;box-shadow:0 5px 12px #00000024}.studio-main{flex:1;min-height:0;padding:0;overflow:hidden}.studio-empty{height:100%;display:flex;align-items:center;justify-content:center}.mobile-home-topbar{background:#f7f4ef;box-shadow:0 1px 8px #4236250d}.mobile-home-topbar-inner{padding:6px 10px 7px;display:flex;flex-direction:column;gap:7px}.mobile-home-nav-row{display:flex;align-items:center;gap:7px}.mobile-home-nav-brand{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-home-nav-title{font-size:15.5px;font-weight:700;color:#2a2a28;line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-home-nav-subtitle{margin-top:2px;font-size:10px;color:#938775;line-height:1}.mobile-home-icon-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#504842;font-size:17px;background:transparent}.mobile-home-icon-btn.ghost{color:#7b7367}.mobile-home-tabbar{align-self:center;display:flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:#efe8df;border:1px solid rgba(194,179,158,.36)}.mobile-home-tab{min-width:46px;height:28px;padding:0 9px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#8f8477}.mobile-home-tab.active{background:#fff;color:#4d453f;box-shadow:0 2px 6px #6d5f511f}.mobile-home-empty{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 17px 17px;background-color:#faf7f2;background-image:radial-gradient(rgba(208,199,188,.42) 1.2px,transparent 1.2px);background-size:12px 12px;overflow:hidden}.mobile-home-center{width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.mobile-home-title{font-size:31px;font-weight:800;color:#2c2a28;line-height:1.18}.mobile-home-subtitle-line{margin-top:7px;display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:#72685f}.mobile-home-subtitle-accent{color:#e49368}.mobile-home-desc{margin-top:9px;font-size:15px;font-weight:700;line-height:1.5;color:#d08967}.mobile-home-upload-btn{margin-top:24px;width:100%;height:46px;border-radius:8px;background:#d97b56;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15.5px;font-weight:700;box-shadow:0 7px 14px #d97b563d}.mobile-home-draft-btn{margin-top:9px;width:100%;height:39px;border-radius:8px;background:#fffbf6eb;border:1px solid rgba(194,179,158,.34);color:#7a695b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 5px 12px #6d5f5114}.mobile-home-entry-row{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:#cfb6a5}.mobile-home-entry-link{display:flex;align-items:center;gap:2px;font-weight:600;color:#bea08b}.mobile-home-entry-divider{color:#dcc6b7}.mobile-home-meta{margin-top:7px;font-size:11.5px;color:#b5a38f}.mobile-home-footer{font-size:12px;color:#a49a8f;line-height:1.4;padding-bottom:4px}.desktop-home-topbar-inner{display:none}.desktop-home-primary-btn{height:29px;padding:0 11px;border-radius:7.5px;background:#d97b56;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;box-shadow:0 4px 9px #d97b5624}.desktop-home-empty{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5px 17px 15px;background-color:#faf7f2;background-image:radial-gradient(rgba(208,199,188,.42) 1.2px,transparent 1.2px);background-size:12px 12px;overflow:auto}.desktop-home-shell{width:min(920px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;flex:1}.desktop-home-hero{width:100%;max-width:760px;padding:5px 12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.desktop-home-brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.desktop-home-brand-name{font-size:15px;font-weight:800;letter-spacing:3px;color:#322e2b;line-height:1}.desktop-home-brand-subtitle{font-size:7.5px;letter-spacing:2.5px;color:#b7a797;line-height:1;text-transform:uppercase}.desktop-home-title{margin-top:12px;max-width:640px;font-size:42px;font-weight:900;line-height:1.08;color:#262321;letter-spacing:-1px}.desktop-home-desc{margin-top:8px;font-size:13px;font-weight:700;line-height:1.6;color:#d08967}.desktop-home-meta-row{margin-top:9px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.desktop-home-meta-text{font-size:9px;font-weight:600;letter-spacing:.5px;color:#c4b3a4;line-height:1.4}.desktop-home-meta-divider{font-size:9px;color:#d8c9bc;line-height:1.4}.desktop-home-action-row{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;width:100%}.desktop-home-action-btn{min-width:91px;height:37px;padding:0 14px;border-radius:499.5px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 6px 13px #21305024}.desktop-home-action-gallery{background:#2563eb}.desktop-home-action-user{background:#16a34a}.desktop-home-entry-row{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:#d2bcac}.desktop-home-entry-link{display:flex;align-items:center;gap:2px;font-weight:500;color:#c2a996}.desktop-home-entry-divider{color:#deccbf}.desktop-home-footer{width:min(920px,100%);margin:4px auto 0;font-size:10px;color:#b3a69a;line-height:1.4;text-align:center}.perler-page.desktop-setup-page,.perler-page.desktop-pattern-page{background:#faf7f2}.perler-page.desktop-setup-page .studio-main,.perler-page.desktop-pattern-page .studio-main{background:#faf7f2;padding:9px 0 14px;display:flex;flex-direction:column;min-height:0}.studio-topbar.desktop-workspace-topbar{background:#faf7f2;box-shadow:none;border-bottom:1px solid rgba(208,199,188,.32)}.desktop-workspace-topbar-inner{width:min(1480px,100% - 28px);margin:0 auto;padding:7px 0 5px}.perler-page.desktop-setup-page .studio-brand,.perler-page.desktop-pattern-page .studio-brand{color:#2f2a25}.perler-page.desktop-setup-page .studio-brand-label,.perler-page.desktop-pattern-page .studio-brand-label{font-size:9px;letter-spacing:1.5px;color:#9a8a79;opacity:1}.perler-page.desktop-setup-page .studio-brand-title,.perler-page.desktop-pattern-page .studio-brand-title{font-size:16px;line-height:1.2;color:#2f2a25}.perler-page.desktop-setup-page .studio-topbar-right,.perler-page.desktop-pattern-page .studio-topbar-right{margin-left:auto}.desktop-action-primary{height:32px;padding:0 14px;border-radius:8px;background:#d97b56;color:#fff;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;box-shadow:0 5px 11px #d97b562e}.desktop-workspace-shell{width:min(1480px,100% - 28px);margin:0 auto;padding:0 0 12px;box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.desktop-setup-shell,.desktop-pattern-shell{--desktop-dock-space: 0px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:18px}.perler-page.desktop-setup-page .workspace-stage-shell,.perler-page.desktop-pattern-page .workspace-stage-shell{height:100%;flex:1;width:100%;min-height:0;display:flex;flex-direction:column;padding:10px 10px var(--desktop-dock-space, 74px);box-sizing:border-box;border-radius:15px;background:linear-gradient(180deg,#fffbf6fa,#f3ece3f0);border:1px solid rgba(208,199,188,.34);box-shadow:0 10px 24px #6d5f5114;overflow:hidden}.perler-page.desktop-setup-page .workspace-panel-right,.perler-page.desktop-pattern-page .workspace-panel-right{display:flex;width:100%;min-height:0;padding-right:0;justify-self:stretch;align-self:stretch;overflow-x:hidden;overflow-y:auto}.perler-page.desktop-setup-page .canvas-stage-frame,.perler-page.desktop-pattern-page .canvas-stage-frame{height:100%;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;padding:0;background:#f3ede5;box-shadow:inset 0 0 0 1px #c9bbaa8c,0 5px 11px #6d5f510f}.perler-page.desktop-setup-page .canvas-stage-frame>.canvas-viewport,.perler-page.desktop-pattern-page .canvas-stage-frame>.canvas-viewport,.perler-page.desktop-pattern-page .desktop-integrated-stage>.canvas-viewport{position:absolute;top:34px;left:60px;right:0;bottom:0;height:auto}.perler-page.desktop-setup-page .canvas-ruler-top,.perler-page.desktop-pattern-page .canvas-ruler-top{background:#ece3d8;border-bottom:1px solid rgba(183,167,148,.42)}.perler-page.desktop-setup-page .canvas-ruler-left,.perler-page.desktop-pattern-page .canvas-ruler-left{background:#ece3d8;border-right:1px solid rgba(183,167,148,.42)}.perler-page.desktop-setup-page .canvas-ruler-labels,.perler-page.desktop-pattern-page .canvas-ruler-labels,.perler-page.desktop-setup-page .ruler-mark,.perler-page.desktop-pattern-page .ruler-mark{color:#9a8f82}.perler-page.desktop-setup-page .ruler-mark.major,.perler-page.desktop-pattern-page .ruler-mark.major{color:#73685d}.perler-page.desktop-setup-page .ruler-mark.emphasis,.perler-page.desktop-pattern-page .ruler-mark.emphasis{color:#5b5147}.perler-page.desktop-setup-page .ruler-mark.boardEdge,.perler-page.desktop-pattern-page .ruler-mark.boardEdge{color:#c1643e}.perler-page.desktop-setup-page .ruler-tick,.perler-page.desktop-pattern-page .ruler-tick{background:#9a8f826b}.perler-page.desktop-setup-page .ruler-mark.major .ruler-tick,.perler-page.desktop-pattern-page .ruler-mark.major .ruler-tick{background:#73685db8}.perler-page.desktop-setup-page .ruler-mark.emphasis .ruler-tick,.perler-page.desktop-pattern-page .ruler-mark.emphasis .ruler-tick{background:#5b5147}.perler-page.desktop-setup-page .ruler-mark.boardEdge .ruler-tick,.perler-page.desktop-pattern-page .ruler-mark.boardEdge .ruler-tick{background:#c1643e}.perler-page.desktop-setup-page .canvas-world-grid-minor-local,.perler-page.desktop-pattern-page .canvas-world-grid-minor-local{background-image:linear-gradient(to right,rgba(160,148,135,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(160,148,135,.08) 1px,transparent 1px)}.perler-page.desktop-setup-page .canvas-world-grid-major-local,.perler-page.desktop-pattern-page .canvas-world-grid-major-local{background-image:linear-gradient(to right,rgba(140,126,112,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(140,126,112,.16) 1px,transparent 1px)}.perler-page.desktop-setup-page .desktop-floating-dock,.perler-page.desktop-pattern-page .desktop-floating-dock{bottom:15px;max-width:calc(100% - 44px)}.perler-page.desktop-setup-page .floating-toolbar-shell,.perler-page.desktop-pattern-page .floating-toolbar-shell{padding:6px;border-radius:14px;background:#fbf7f1db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 9px 20px #6d5f5124;border:1px solid rgba(194,179,158,.34)}.perler-page.desktop-setup-page .floating-toolbar-card,.perler-page.desktop-pattern-page .floating-toolbar-card{background:#fffcf7f0;border:1px solid rgba(201,187,170,.34);box-shadow:inset 0 1px #ffffffc7}.perler-page.desktop-setup-page .floating-card-label,.perler-page.desktop-setup-page .floating-card-caption,.perler-page.desktop-setup-page .floating-mode-title,.perler-page.desktop-pattern-page .floating-card-label,.perler-page.desktop-pattern-page .floating-card-caption,.perler-page.desktop-pattern-page .floating-mode-title{color:#9a8f82}.perler-page.desktop-setup-page .floating-card-input,.perler-page.desktop-setup-page .floating-card-picker,.perler-page.desktop-pattern-page .floating-card-input,.perler-page.desktop-pattern-page .floating-card-picker{color:#332b24}.perler-page.desktop-setup-page .floating-mode-chip,.perler-page.desktop-pattern-page .floating-mode-chip{color:#7a7065}.perler-page.desktop-setup-page .floating-mode-chip.active,.perler-page.desktop-pattern-page .floating-mode-chip.active{background:#fff;color:#4d453f;box-shadow:0 2px 6px #6d5f511f}.perler-page.desktop-setup-page .floating-mode-chip.detail.active,.perler-page.desktop-pattern-page .floating-mode-chip.detail.active{background:#fff7ef;color:#cf7652;box-shadow:0 3px 7px #d97b5624}.perler-page.desktop-setup-page .floating-ghost-btn,.perler-page.desktop-pattern-page .floating-ghost-btn{background:#f5eee6;border-color:#c2b39e61;color:#6f6458}.perler-page.desktop-setup-page .floating-ghost-btn.active,.perler-page.desktop-pattern-page .floating-ghost-btn.active{background:#fff7ef;border-color:#d97b5657;color:#d97b56}.perler-page.desktop-setup-page .floating-accent-btn,.perler-page.desktop-pattern-page .floating-accent-btn{background:#d97b56;box-shadow:0 6px 12px #d97b5633}.perler-page.desktop-setup-page .floating-icon-btn,.perler-page.desktop-pattern-page .floating-icon-btn{background:#fffaf5;border-color:#c2b39e57;color:#6f6458}.perler-page.desktop-setup-page .floating-icon-btn.active,.perler-page.desktop-pattern-page .floating-icon-btn.active{background:#d97b56;border-color:#d97b56;color:#fff;box-shadow:0 5px 10px #d97b5629}.perler-page.desktop-setup-page .floating-scale-readout,.perler-page.desktop-pattern-page .floating-scale-readout,.perler-page.desktop-setup-page .floating-data-badge,.perler-page.desktop-pattern-page .floating-data-badge,.perler-page.desktop-pattern-page .floating-grid-field,.perler-page.desktop-pattern-page .floating-color-badge{background:#f7f2eb;border:1px solid rgba(194,179,158,.34);color:#73685d}.perler-page.desktop-pattern-page .floating-color-chip{border:1px solid rgba(80,72,66,.08)}@media(max-width:1180px){.desktop-home-brand-name{font-size:14px}.desktop-home-brand-subtitle{font-size:7px;letter-spacing:2px}.desktop-home-title{font-size:31px;max-width:560px}.desktop-home-meta-text,.desktop-home-meta-divider{font-size:8.5px}.desktop-home-entry-row{font-size:10px}}.mobile-editor-topbar{padding:6px 10px 7px;align-items:center}.mobile-editor-brand{color:#302a24;gap:1px}.mobile-editor-brand .studio-brand-label{font-size:10px;color:#9a8a79;opacity:1;letter-spacing:1px}.mobile-editor-brand .studio-brand-title{font-size:15px;color:#2f2a25;line-height:1.2}.mobile-editor-actions{margin-left:auto;align-items:center;justify-content:flex-end}.mobile-editor-icon-btn{background:#efe5d8;color:#5e5146;box-shadow:none}.mobile-editor-action{height:32px;padding:0 9px;border-radius:9px;background:#d97b56!important;color:#fff!important;box-shadow:0 5px 11px #d97b5638!important}.studio-empty-card{width:min(480px,92vw);padding:28px 22px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f5f8fcf0);box-shadow:0 12px 30px #1025541f;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-kicker{font-size:11px;letter-spacing:3px;color:#4c69c8;margin-bottom:8px}.empty-title{font-size:24px;font-weight:800;color:#112247;margin-bottom:9px}.empty-desc{font-size:13px;line-height:1.7;color:#667996;max-width:380px}.empty-primary-btn{margin-top:22px;height:44px;padding:0 19px;border-radius:8px;background:linear-gradient(135deg,#3a78ff,#2151d8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;box-shadow:0 9px 17px #2a58dc47}.empty-feature-row{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:100%}.empty-feature{min-width:105px;padding:11px 12px;border-radius:12px;background:#f5f8fd;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#49607f}.workspace-shell{height:100%;min-height:0;position:relative;display:flex;flex-direction:column}.workspace-shell.desktop-setup-shell,.workspace-shell.desktop-pattern-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch;gap:18px}.desktop-right-rail{width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:18px}.workspace-panel{width:280px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:2px}.workspace-stage-shell{height:100%;flex:1;min-height:0;position:relative;padding:0}.workspace-stage-branch{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-shell.generated .workspace-stage-shell{padding-bottom:42px}.workspace-shell.desktop-pattern-shell.generated .workspace-stage-shell,.workspace-shell.desktop-setup-shell .workspace-stage-shell{padding-bottom:10px}.workspace-card{background:#fffffff2;border:1px solid rgba(217,226,240,.9);border-radius:16px;padding:11px;box-shadow:0 8px 18px #14285414}.workspace-card.emphasis{background:linear-gradient(180deg,#fff,#f7faff)}.workspace-card-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.workspace-card-tag{font-size:10px;color:#5c77c9;letter-spacing:2px}.workspace-card-title{font-size:16px;font-weight:700;color:#12223d}.workspace-field{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6}.workspace-field:last-of-type{border-bottom:none}.workspace-label{font-size:13px;color:#53677f}.workspace-input,.workspace-picker{width:74px;height:34px;padding:0 7px;border-radius:8px;background:#f4f7fb;border:1px solid #dbe3f0;font-size:13px;color:#12223d;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center}.workspace-segment{margin-top:10px;display:flex;gap:4px;padding:4px;border-radius:12px;background:#eff4fb}.workspace-segment-item{flex:1;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#4c617b;font-weight:600;background:transparent}.workspace-segment-item.active{background:#2557da;color:#fff;box-shadow:0 5px 10px #2557da33}.workspace-segment-item.detail.active{background:#ff8b3d;box-shadow:0 5px 10px #ff8b3d3d}.workspace-btn-row{display:flex;gap:6px;margin-top:9px}.workspace-mini-btn,.workspace-primary-btn,.workspace-secondary-btn,.workspace-inline-action,.workspace-lock-btn,.studio-line-btn,.brush-chip{position:relative;display:flex;align-items:center;justify-content:center}.workspace-mini-btn,.workspace-secondary-btn{flex:1;height:36px;border-radius:8px;background:#f3f6fb;color:#3154a4;font-size:12px;font-weight:600;border:1px solid #dbe3f1}.workspace-mini-btn.active{background:#2557da;color:#fff;border-color:#2557da}.workspace-mini-btn.ghost{color:#566a82}.workspace-primary-btn{margin-top:9px;height:41px;border-radius:8px;background:linear-gradient(135deg,#2c67f0,#1847c7);color:#fff;font-size:14px;font-weight:700;box-shadow:0 7px 14px #2052cf47}.workspace-secondary-btn{margin-top:8px;color:#1e4dcf;background:#eef4ff}.workspace-data-line,.workspace-check-item{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 0;font-size:12px;color:#56697f;border-bottom:1px solid #edf1f6}.workspace-check-item{justify-content:flex-start}.workspace-note-list{padding-top:5px;display:flex;flex-direction:column;gap:6px;font-size:11.5px;line-height:1.7;color:#6b7f97}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tool-grid-item{height:46px;border-radius:12px;background:#f4f7fb;border:1px solid #dbe3f0;color:#4e6480;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.tool-grid-item.active{background:linear-gradient(180deg,#2557da,#1a45bb);border-color:#2557da;color:#fff;box-shadow:0 6px 11px #2557da38}.workspace-inline-box{display:flex;gap:6px;margin-top:7px}.workspace-inline-action{flex:1;height:35px;border-radius:8px;background:#f4f7fb;border:1px solid #dbe3f0;color:#465c76;font-size:12px;font-weight:600;gap:4px}.workspace-inline-action.disabled{opacity:.45}.current-color-card{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#f5f8fc}.current-color-preview{width:35px;height:35px;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.current-color-meta{display:flex;flex-direction:column;gap:3px}.current-color-label{font-size:11px;color:#7a8da4}.current-color-code{font-size:15px;font-weight:700;color:#132445}.brush-chip-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.brush-chip{min-width:28px;height:26px;padding:0 9px;border-radius:499.5px;background:#f4f7fb;border:1px solid #dbe3f0;color:#53677f;font-size:11px;font-weight:600}.brush-chip.active{background:#fff3e9;border-color:#ff9a56;color:#e46b18}.workspace-tip-line{display:block;margin-top:8px;font-size:11px;line-height:1.7;color:#6c7f97}.workspace-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:9px}.workspace-metric{padding:9px;border-radius:12px;background:#f4f7fb;text-align:center}.workspace-metric-value{display:block;font-size:20px;font-weight:800;color:#1848c9}.workspace-metric-label{display:block;margin-top:3px;font-size:11px;color:#6d8096}.workspace-color-list{height:380px}.workspace-color-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid #edf1f6}.workspace-color-main{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.workspace-color-swatch{width:24px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.workspace-color-text{display:flex;flex-direction:column;min-width:0}.workspace-color-code{font-size:12px;font-weight:700;color:#12223d}.workspace-color-hex{font-size:10px;color:#7a8da3}.workspace-color-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.workspace-color-count{font-size:12px;font-weight:700;color:#f08b33}.workspace-lock-btn{min-width:44px;height:22px;padding:0 7px;border-radius:499.5px;background:#e7edf6;color:#566b84;font-size:10px}.workspace-lock-btn.active{background:#ff8d3e;color:#fff}.mobile-workspace-summary{display:none}.mobile-dock-btn{box-sizing:border-box}.workspace-panel-left,.workspace-panel-right,.stage-hud,.stage-hud-left,.stage-hud-right,.stage-control-cluster,.stage-pill,.stage-icon-btn,.stage-fab-primary,.stage-left-fab{display:none}.canvas-stage-frame{height:auto;flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:0;padding:34px 0 0 60px;background:#ececec;box-shadow:inset 0 0 0 1px #c4cddaa6}.canvas-stage-frame:before{content:none}.canvas-ruler-top{left:60px;top:0;right:0;height:34px;background:#ececec;border-bottom:1px solid rgba(193,201,212,.72)}.canvas-ruler-left{left:0;top:34px;bottom:0;width:60px;background:#ececec;border-right:1px solid rgba(193,201,212,.72)}.canvas-ruler-labels{position:absolute;pointer-events:none;z-index:4;color:#8a95a6;font-size:12px}.canvas-ruler-top-labels{left:60px;right:0;top:0;height:34px}.canvas-ruler-left-labels{left:0;top:34px;bottom:0;width:60px}.canvas-world-grid-local{position:absolute;pointer-events:none;z-index:0;background-repeat:repeat}.canvas-world-grid-minor-local{background-image:linear-gradient(to right,rgba(106,125,155,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(106,125,155,.08) 1px,transparent 1px)}.canvas-world-grid-major-local{background-image:linear-gradient(to right,rgba(106,125,155,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(106,125,155,.18) 1px,transparent 1px)}.artboard-preview-mode{box-shadow:none}.ruler-mark{position:absolute;color:#8a95a6}.ruler-mark.major{color:#717f92}.ruler-mark.emphasis{color:#3b4a63}.ruler-mark.boardEdge{color:#c1643e}.ruler-mark-top{top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.ruler-mark-left{left:0;transform:translateY(-50%);display:flex;align-items:center}.ruler-mark-top text{margin-top:2px;font-size:11px;line-height:1}.ruler-mark-left text{display:inline-block;margin-left:2px;font-size:11px;line-height:1;transform:rotate(-90deg);transform-origin:left top}.ruler-tick{background:#727f926b;flex-shrink:0}.ruler-mark.major .ruler-tick{background:#5a677ab8}.ruler-mark.emphasis .ruler-tick{background:#3b4a63}.ruler-mark.boardEdge .ruler-tick{background:#c1643e}.ruler-tick-top{width:1px;height:8px}.ruler-mark.major .ruler-tick-top{height:14px}.ruler-tick-left{width:8px;height:1px}.ruler-mark.major .ruler-tick-left{width:14px}.canvas-viewport{position:relative;height:100%;flex:1;min-height:0;overflow:hidden;touch-action:none;background:transparent;z-index:1}.artboard-container{position:relative;overflow:hidden;background:transparent;border-radius:0;box-shadow:none}.preview-image-layer,.preview-image{display:block;position:absolute;left:0;top:0;z-index:1}.preview-image-layer{transform:translateZ(0);will-change:transform}.preview-image-layer.dragging{cursor:grabbing}.preview-image{max-width:none;max-height:none}.grid-overlay,.grid-overlay-bold{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.grid-overlay,.grid-overlay-bold{z-index:2}.pattern-board-shell,.pattern-board-canvas{display:block;position:absolute;left:0;top:0;z-index:1}.pattern-board-shell{width:100%;height:100%;overflow:hidden;background:#fff}.pattern-board-canvas{background:#fff}.pattern-interaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.desktop-bottom-dock{display:none}.dock-main-btn,.dock-tool-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;background:#f3f6fb;color:#46607a}.dock-main-btn{background:#2f67ee;color:#fff;box-shadow:0 5px 11px #2f67ee3d}.dock-tool-btn.active,.tool-btn.active{background:#ff8c3f;color:#fff}.dock-divider{width:1px;height:17px;background:#dde4ef}.dock-status{display:flex;align-items:center;gap:5px;padding:0 4px;font-size:11px;color:#53677f}.dock-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.desktop-floating-dock{position:absolute;left:50%;bottom:7px;transform:translate(-50%);z-index:21;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:calc(100% - 22px)}.desktop-floating-dock.setup{width:min(100vw - 48px,1480px);align-items:stretch}.desktop-floating-dock.editor{width:auto}.floating-toolbar-shell-setup-primary,.floating-toolbar-shell-setup-secondary{width:100%}.floating-toolbar-shell-setup-primary{justify-content:center}.floating-toolbar-shell-setup-secondary{justify-content:space-between}.floating-toolbar-shell{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:min(100vw - 48px,1480px);padding:12px;border-radius:30px;background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 9px 22px #0f224e29;border:1px solid rgba(255,255,255,.58);scrollbar-width:none}.floating-toolbar-shell::-webkit-scrollbar{display:none}.floating-toolbar-card{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:68px;padding:10px 12px;border-radius:22px;background:linear-gradient(180deg,#ffffffeb,#f4f7fde0);border:1px solid rgba(211,221,238,.9);box-shadow:inset 0 1px #ffffffb3}.floating-toolbar-card-field{gap:10px;min-width:152px;padding-right:16px}.floating-toolbar-card-grid-slider{min-width:320px;width:320px;align-items:stretch;flex-direction:column;gap:6px;padding:10px 16px}.floating-grid-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:14px}.floating-grid-slider-value{font-size:10px;line-height:1;font-weight:800;color:#6d5f53;white-space:nowrap}.floating-grid-slider{width:100%;height:17px;margin:0}.floating-toolbar-card-mode{gap:6px;padding:8px 10px 8px 12px}.floating-mode-title{margin-right:5px;font-size:8px;font-weight:600;letter-spacing:.5px;color:#9aa7b9;white-space:nowrap;flex-shrink:0}.floating-toolbar-card-view{gap:8px;padding-right:10px}.floating-toolbar-card-tools,.floating-toolbar-card-history{gap:6px}.floating-toolbar-card-status{gap:8px}.floating-grid-field{height:56px;padding:0 12px;border-radius:16px;display:flex;align-items:center;gap:8px;background:#ffffffe6;border:1px solid #d9e2f0;color:#41546d}.floating-grid-label{font-size:9px;font-weight:700;color:#7a7065;line-height:1;white-space:nowrap}.floating-card-input-compact{min-width:41px;width:41px;height:20px;padding:0 5px;border-radius:6px;font-size:10px;line-height:20px}.floating-toolbar-card-action{gap:5px;padding:4px 5px 4px 6px}.floating-toolbar-card-brush{gap:6px;padding:5px 7px}.floating-toolbar-aux{display:flex;justify-content:center;width:100%}.floating-card-label,.floating-card-caption{font-size:8px;color:#9aa7b9;font-weight:600;letter-spacing:.5px;flex-shrink:0}.floating-card-input,.floating-card-picker{min-width:36px;height:22px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6px;border:1px solid rgba(210,221,236,.9);outline:none;background:#f4f7fceb;color:#22324d;font-size:12px;font-weight:800;line-height:22px;box-sizing:border-box;border-radius:7px;box-shadow:inset 0 1px #ffffffc7}.floating-card-input::placeholder{color:#8f9db0;font-weight:600}.floating-card-picker{justify-content:flex-start;min-width:43px}.floating-mode-chip{min-width:36px;height:24px;padding:0 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#607086;font-weight:700;background:transparent}.floating-mode-chip.active{background:#2f67ee;color:#fff;box-shadow:0 4px 9px #2f67ee38}.floating-mode-chip.detail.active{background:#ff8d3e;box-shadow:0 4px 9px #ff8d3e33}.floating-mode-chip.disabled{opacity:.42;cursor:not-allowed}.floating-ghost-btn,.floating-accent-btn,.floating-icon-btn,.floating-color-badge,.floating-data-badge{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.floating-ghost-btn{height:24px;padding:0 9px;border-radius:7.5px;background:#ffffffe6;border:1px solid #d9e2f0;color:#4f647d;font-size:10px;font-weight:700}.floating-ghost-btn.compact{height:22px;padding:0 7px;border-radius:7px;font-size:9px}.floating-ghost-btn.active{background:#e9f1ff;border-color:#bdd1ff;color:#275ddd}.floating-ghost-btn.disabled{opacity:.56;pointer-events:none}.floating-accent-btn{height:26px;padding:0 11px;border-radius:8px;background:linear-gradient(135deg,#2f67ee,#1b4bd1);color:#fff;font-size:10px;font-weight:700;box-shadow:0 6px 12px #1f54d63d}.floating-accent-btn.small{padding:0 9px}.floating-toolbar-card-action .floating-ghost-btn{height:26px;padding:0 10px;border-radius:8px;font-size:10px;background:#fffffff5;border-color:#d7dfeb;color:#506277}.floating-toolbar-card-action .floating-accent-btn{height:30px;padding:0 15px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 7px 14px #1f54d647}.floating-toolbar-card-action .floating-accent-btn.small{padding:0 12px}.floating-icon-btn{width:24px;height:24px;border-radius:8px;background:#ffffffe0;border:1px solid #d9e2f0;color:#4f627c;font-size:12px}.floating-icon-btn.active{background:#2f67ee;border-color:#2f67ee;color:#fff;box-shadow:0 5px 10px #2f67ee33}.floating-icon-btn.disabled{opacity:.45}.toolbar-eraser-icon{position:relative;display:block;width:12px;height:9px;transform:rotate(-28deg)}.toolbar-eraser-icon:before{content:"";position:absolute;top:.5px;right:1px;bottom:.5px;left:1px;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:linear-gradient(90deg,#d84b4b 0,#d84b4b 38%,#ef7a7a 38%,#ef7a7a 52%,#6d93e6 52%,#6d93e6 76%,#dfe8ff 76%,#dfe8ff);box-shadow:inset 0 0 0 .75px currentColor;border-radius:1.5px}.toolbar-eraser-icon:after{content:"";position:absolute;left:2px;bottom:-1px;width:7px;height:1px;border-radius:499.5px;background:#4f627c2e}.floating-scale-readout{min-width:42px;height:22px;padding:0 8px;border-radius:7px;background:#f3f7fcf5;border:1px solid #d9e2f0;color:#41546d;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.floating-color-badge{height:28px;padding:0 6px;border-radius:8px;background:#ffffffe6;border:1px solid #d9e2f0;color:#41546d;font-size:10px;font-weight:700;gap:4px}.floating-color-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.floating-color-chip{min-width:44px;height:20px;padding:0 7px;border-radius:6px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff2e}.floating-color-chip-code{font-size:10px;font-weight:800;color:inherit;line-height:1}.floating-data-badge{min-width:34px;height:21px;padding:0 7px;border-radius:7px;background:#f3f7fcf2;color:#748298;font-size:9px;font-weight:700}.floating-brush-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.color-picker-bar{position:absolute;left:50%;transform:translate(-50%);bottom:59px;z-index:19;max-width:calc(100% - 24px);padding:7px 11px;border-radius:16px;background:#fffffff5;box-shadow:0 8px 17px #1025541f;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-picker-left{display:flex;align-items:center;gap:5px}.studio-line-btn{height:28px;padding:0 10px;border-radius:8px;background:#fff7ef;border:1px solid #f0cfb8;color:#bb6946;font-size:11px;font-weight:600}.mobile-tool-grid,.mobile-tool-grid-section{display:flex;flex-direction:column;gap:4px}.mobile-tool-grid-section.secondary{padding-top:0;border-top:none}.mobile-tool-grid-row{display:grid;gap:3px}.mobile-tool-grid-row.primary{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-tool-grid-row.utility{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-dock-btn{min-width:0;height:36px;padding:2px 1px;background:transparent;color:#6c5848;font-size:9px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;box-shadow:none;border-radius:0}.mobile-dock-btn.compact{height:34px}.m-editor-subbar{background:transparent;padding:6px 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.m-modern-subbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 6px}.m-modern-subbar-color{display:flex;align-items:center;gap:6px;background:#fff;padding:6px 9px;border-radius:499.5px;box-shadow:0 2px 8px #0000000f}.m-modern-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.m-modern-color-chip{min-width:56px;height:26px;padding:0 9px;border-radius:499.5px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff2e}.m-modern-color-code{font-size:13px;font-weight:700;color:inherit;line-height:1}.m-modern-subbar-brush{display:flex;align-items:center;background:#fff;padding:3px;border-radius:499.5px;box-shadow:0 2px 8px #0000000f;gap:2px}.m-modern-brush-item{width:28px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b;border-radius:499.5px;transition:all .2s}.m-modern-brush-item.active{background:#0f172a;color:#fff}.m-modern-subbar-hint{font-size:12px;color:#64748b;font-weight:600;background:#fff;padding:6px 12px;border-radius:499.5px;box-shadow:0 2px 8px #0000000f}.m-modern-toolbar-scroll{width:100%;white-space:nowrap;margin-bottom:12px}.m-modern-toolbar-scroll ::-webkit-scrollbar{display:none;width:0;height:0}.m-modern-toolbar-inner{display:inline-flex;align-items:center;padding:0 6px}.m-modern-tool-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:50px;gap:6px;margin-right:4px}.m-modern-tool-icon{width:40px;height:40px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;color:#475569;box-shadow:0 2px 6px #00000008;transition:all .2s}.m-modern-tool-text{font-size:10px;color:#64748b;font-weight:600}.m-modern-tool-item.active .m-modern-tool-icon{background:#0f172a;color:#fff;box-shadow:0 4px 8px #0f172a33}.m-modern-tool-item.active .m-modern-tool-text{color:#0f172a;font-weight:700}.m-modern-tool-item.action .m-modern-tool-icon{background:transparent;box-shadow:none;border:1px solid #e2e8f0}.m-modern-tool-item.disabled{opacity:.4}.m-modern-tool-divider{width:1px;height:30px;background:#e2e8f0;margin:0 8px 0 4px}.m-modern-stats-panel{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #00000008}.m-modern-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.m-modern-stats-title{font-size:14px;font-weight:800;color:#0f172a}.m-modern-stats-more{display:flex;align-items:center;gap:2px;font-size:12px;color:#3b82f6;font-weight:600}.pattern-stage-layout{height:100%;min-height:0;flex:1;display:flex;align-items:stretch;overflow:hidden;border-radius:12px;background:#ececec;box-shadow:inset 0 0 0 1px #c4cddaa6}.desktop-integrated-stage{flex:1;min-width:0;min-height:0;height:100%;border-radius:0;box-shadow:none;background:transparent}.pattern-variants-panel{background:#fffffff0;border:1px solid rgba(226,232,240,.92);box-shadow:0 9px 21px #0f172a14;border-radius:13px}.pattern-variants-panel.desktop{width:212px;flex-shrink:0;align-self:stretch;min-height:0;padding:9px 8px 9px 7px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f7f9fcf5,#f1f5f9f0);border:none;border-left:1px solid rgba(193,201,212,.72);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.pattern-variants-panel.mobile{margin-top:12px;padding:12px}.pattern-variants-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:9px}.pattern-variants-head.mobile{margin-bottom:10px}.pattern-variants-title{display:block;font-size:14px;font-weight:800;color:#0f172a}.pattern-variants-desc{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#64748b}.pattern-variants-refresh{flex-shrink:0;min-width:66px;height:30px;padding:0 10px;border-radius:499.5px;background:#3b82f61f;color:#2563eb;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pattern-variants-scroll{width:100%}.pattern-variants-list{display:flex;gap:8px;padding-bottom:2px}.pattern-variants-list.mobile{gap:9px}.pattern-variant-card{flex:0 0 109px;padding:8px;border-radius:11px;border:1px solid rgba(226,232,240,.94);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px #fffc}.pattern-variant-card.mobile{flex-basis:116px}.pattern-variant-card.active{border-color:#2563eb5c;box-shadow:0 5px 12px #2563eb1f}.pattern-variant-preview{min-height:78px;border-radius:9px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pattern-variant-preview.mobile{min-height:84px}.pattern-variant-canvas{display:block;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0b8}.pattern-variant-badge{position:absolute;top:5px;right:5px;min-width:28px;height:18px;padding:0 6px;border-radius:499.5px;background:#2563ebe6;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.pattern-variant-meta{margin-top:7px;display:flex;flex-direction:column;gap:3px}.pattern-variant-label{font-size:12px;font-weight:800;color:#0f172a}.pattern-variant-note{font-size:10px;line-height:1.45;color:#64748b;min-height:29px}.pattern-variant-stat{font-size:10px;color:#334155;font-weight:700}.pattern-variant-reject{align-self:flex-start;min-width:43px;height:18px;padding:0 6px;border-radius:499.5px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:2px}.pattern-variant-reject:active{background:#fee2e2;color:#b91c1c}.pattern-variants-panel.desktop .pattern-variants-head{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:7px}.pattern-variants-panel.desktop .pattern-variants-title{font-size:12px}.pattern-variants-panel.desktop .pattern-variants-desc{font-size:9px;line-height:1.45}.pattern-variants-panel.desktop .pattern-variants-refresh{min-width:0;width:100%;height:25px;font-size:9px}.pattern-variants-scroll.desktop{flex:1;min-height:0}.pattern-variants-list.desktop{flex-direction:column;gap:6px;padding-bottom:0}.pattern-variant-card.desktop{flex:none;padding:6px;border-radius:9px}.pattern-variant-preview.desktop{min-height:63px;border-radius:7px}.pattern-variant-meta.desktop{margin-top:5px;gap:2px}.pattern-variants-panel.desktop .pattern-variant-label{font-size:11px}.pattern-variants-panel.desktop .pattern-variant-note{min-height:0;font-size:9px;line-height:1.35}.pattern-variants-panel.desktop .pattern-variant-stat{font-size:9px}.pattern-stage-layout .canvas-ruler-top{right:0}.m-modern-stats-grid{display:flex;justify-content:space-between;gap:8px}.m-modern-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;padding:8px 0;border-radius:8px;gap:4px}.m-modern-stat-num{font-size:16px;font-weight:800;color:#0f172a}.m-modern-stat-num.brand{font-size:14px}.m-modern-stat-label{font-size:10px;color:#64748b;font-weight:500}.m-bottom-sheet{position:absolute;left:0;right:0;bottom:0;height:38vh;background:#f8fafcd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;box-shadow:0 -4px 15px #0000000f;z-index:17;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.5)}.m-sheet-grip{width:36px;height:4px;background:#cbd5e1;border-radius:499.5px;margin:10px auto 5px}.m-sheet-scroll{flex:1;overflow-y:auto;padding:0 16px}.m-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px}.m-panel-title{font-size:16px;font-weight:800;color:#0f172a}.m-panel-actions{display:flex;gap:6px}.m-action-btn{padding:4px 10px;background:#e2e8f0;border-radius:499.5px;font-size:11px;font-weight:600;color:#334155;display:flex;align-items:center;gap:3px}.m-setting-group{background:#fff;border-radius:10px;margin-bottom:8px;padding:0 12px;box-shadow:0 1px 4px #00000005}.m-setting-item{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f1f5f9}.m-setting-item:last-child{border-bottom:none}.m-setting-item-col{display:flex;flex-direction:column;padding:11px 0}.m-setting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.m-setting-label{font-size:13px;font-weight:600;color:#1e293b}.m-setting-desc{font-size:11px;color:#94a3b8}.m-setting-picker{flex:1;text-align:right}.m-setting-value{font-size:13px;color:#64748b;font-weight:500;display:flex;align-items:center;justify-content:flex-end;gap:4px}.m-setting-input{width:70px;text-align:right;font-size:13px;color:#64748b;font-weight:500}.m-segmented-control{display:flex;background:#f1f5f9;border-radius:7px;padding:3px;gap:3px}.m-segment{flex:1;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#64748b;border-radius:5px}.m-segment.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px #0000000f}.m-toggle{width:40px;height:22px;background:#e2e8f0;border-radius:11px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-toggle.active{background:#10b981}.m-toggle-knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-toggle.active .m-toggle-knob{transform:translate(18px)}.m-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.m-stat-box{background:#fff;border-radius:10px;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 1px 4px #00000005}.m-stat-value{font-size:16px;font-weight:800;color:#0f172a}.m-stat-label{font-size:10px;color:#64748b;font-weight:500}.m-fixed-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#f8fafcd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.04);z-index:20;display:flex;align-items:center;gap:12px}.m-btn-secondary-icon{width:48px;height:48px;background:#e2e8f0;color:#334155;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 6px #0000000d;transition:all .2s}.m-btn-secondary-icon:active{transform:scale(.95);opacity:.8}.m-btn-primary{flex:1;height:48px;background:#0f172a;color:#fff;border-radius:12px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a33;margin:0;padding:0}button:after{border:none}@media screen and (max-width:768px){.perler-page{background:#faf7f2}.studio-main{padding:0}.studio-topbar-inner{padding:6px 9px 7px;align-items:center}.studio-brand-title{font-size:15px}.m-topbar{padding:0 16px;height:44px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff}.m-topbar-left{flex:1;display:flex;align-items:center}.m-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1e293b;background:transparent;border-radius:50%}.m-topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.m-topbar-title{font-size:16px;font-weight:800;color:#0f172a}.m-topbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end}.m-action-primary{height:30px;padding:0 12px;background:#f1f5f9;color:#0f172a;border-radius:499.5px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.m-action-primary.m-action-secondary{background:#fffbf6eb;color:#7a695b;border:1px solid rgba(194,179,158,.34);box-shadow:0 3px 7px #6d5f5114}.m-action-primary.m-action-secondary text{color:inherit}.m-action-primary.desktop-action-primary{height:32px;padding:0 14px;background:linear-gradient(135deg,#df765a,#c2593d);color:#fff;border-radius:8px;font-size:13px;box-shadow:0 4px 8px #df765a33}.workspace-panel-left,.workspace-panel-right,.desktop-floating-dock{display:none}.workspace-stage-shell{height:100%;padding:0 0 calc(36vh + env(safe-area-inset-bottom) + 30px)}.workspace-shell.generated .workspace-stage-shell{padding-bottom:calc(36vh + env(safe-area-inset-bottom) + 30px)}.canvas-stage-frame,.mobile-stage-frame{border-radius:0;padding:22px 0 0 36px;background:transparent;box-shadow:none}.canvas-ruler-top,.canvas-ruler-left,.canvas-ruler-labels{display:block}.canvas-ruler-top{left:36px;height:22px;background:#ecececf5}.canvas-ruler-left{top:22px;width:36px;background:#ecececf5}.canvas-ruler-top-labels{left:36px;height:22px;font-size:9px}.canvas-ruler-left-labels{top:22px;width:36px;font-size:9px}.ruler-tick-top{height:5px}.ruler-mark.major .ruler-tick-top{height:8px}.ruler-tick-left{width:5px}.ruler-mark.major .ruler-tick-left{width:8px}.ruler-mark-top text,.ruler-mark-left text{font-size:8px}.canvas-viewport.mobile-viewport{background:transparent;height:100%}.artboard-container{border-radius:0;box-shadow:none}.desktop-bottom-dock{display:none}.stage-hud{top:2px}.stage-control-cluster{padding:3px 4px}.stage-pill,.stage-icon-btn,.stage-fab-primary{height:28px;font-size:10px}.stage-icon-btn{width:28px}.stage-fab-primary{padding:0 9px}.color-picker-bar{left:6px;right:6px;transform:none;width:auto;bottom:calc(32vh + 106px + env(safe-area-inset-bottom));background:transparent;border:none;box-shadow:none;padding:0}}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#f6f7fb;color:#1f2937;overflow:hidden}*{box-sizing:border-box}button,input,select,textarea{font:inherit}canvas{display:block}div[data-scroll-y]{overflow-y:auto;-webkit-overflow-scrolling:touch}div[data-scroll-x]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}div[data-show-scrollbar=false]{scrollbar-width:none}div[data-show-scrollbar=false]::-webkit-scrollbar{display:none}.perler-page{width:100vw;min-height:100vh}.cu-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding:24px;visibility:hidden;opacity:0;pointer-events:none;z-index:1000}.cu-modal.bottom-modal{align-items:flex-end;padding:0}.cu-dialog{max-width:100%;max-height:100%}.cu-modal.show{visibility:visible;opacity:1;pointer-events:auto}.pixli-platform-picker select:focus,input[type=range]:focus{outline:none}