@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700&family=ZCOOL+QingKe+HuangYou&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root,body{background:#181c24;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.app-layout{align-items:stretch;height:auto;min-width:900px;width:100%}.app-layout,.sidebar{display:flex;min-height:100vh}.sidebar{align-items:flex-start;background:#23283a;box-sizing:border-box;color:#fff;flex-direction:column;padding:32px 20px}.sidebar-left{align-items:flex-start;border-right:1px solid #23283a;max-width:220px;min-width:220px}.sidebar-right{border-left:1px solid #23283a;box-sizing:border-box;font-size:17px;height:auto;max-height:none;max-width:340px;min-width:300px;overflow-y:visible;padding:40px 32px}.sidebar-title{font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:28px}.main-content{align-items:flex-start;background:#181a22;display:flex;flex:1 1;height:auto;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;overflow:visible;padding:32px 0 24px}.card-preview-outer{flex-direction:row;height:100%;justify-content:center;min-height:0;overflow:visible;padding:48px 0}.card-preview,.card-preview-outer{align-items:center;display:flex;position:relative;width:100%}.card-preview{flex-direction:column;justify-content:flex-start;margin-top:0;padding-bottom:24px;padding-top:8px}.card-editor-toolbar{gap:16px;justify-content:flex-end;margin-bottom:18px;top:24px}.property-title{font-size:18px;margin-bottom:16px;margin-top:32px}.property-item{margin-bottom:18px}.property-bgtype-group,.property-gradient-group,.property-opacity-group{margin-bottom:28px}.card-preview-scaled{transform-origin:top center;transition:transform .2s}.placeholder{color:#aaa;font-size:22px;letter-spacing:2px}@media (max-width:1200px){.main-content{max-width:100vw;padding:24px 0}.sidebar-right{min-width:180px;padding:18px 8px}.sidebar-left{min-width:100px;padding:18px 8px}.card-preview-outer{padding:18px 0}}.template-list{display:flex;flex-direction:column;gap:18px}.template-item{align-items:flex-end;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:box-shadow .2s,border .2s;width:56px}.template-item.selected{border:2px solid #7b2ff2;box-shadow:0 4px 16px #7b2ff22e}.bg-image-item{background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001f;cursor:pointer;height:56px;overflow:hidden;position:relative;width:56px}.bg-image-item.selected{border:2px solid #7b2ff2;box-shadow:0 4px 16px #7b2ff22e}.bg-image-name{background:#0006;border-radius:6px;bottom:6px;font-size:11px;left:6px;padding:2px 4px;position:absolute;right:6px;text-align:center}.bg-image-name,.template-name{color:#fff;pointer-events:none}.template-name{background:#0000002e;border-radius:8px;font-size:13px;margin-bottom:6px;padding:2px 8px}.template-group-title{color:#bdbdbd;font-size:13px;font-weight:500;grid-column:1/-1;letter-spacing:1px;margin-bottom:8px;margin-top:8px}.template-group{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.template-divider{background:linear-gradient(90deg,#e0e0e0,#f0f0f0);border-radius:1px;height:1px;margin:18px 0 10px}.template-delete{align-items:center;background:#00000040;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .2s,color .2s;width:18px;z-index:2}.template-delete:hover{background:#ff4d4f;color:#fff}.cyber-card{background:linear-gradient(135deg,#3a8dde,#7b2ff2);border-radius:28px;box-shadow:0 12px 48px 0 #3a8dde61,0 2px 24px 0 #7b2ff22e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:space-between;margin:20px auto 28px;padding:36px 32px 28px;position:relative;width:420px}.cyber-date{color:#fffc;font-size:18px;letter-spacing:1px;margin-bottom:22px}.cyber-content,.cyber-date{outline:none;text-align:left;-webkit-user-select:text;user-select:text}.cyber-content{color:#fffffffa;font-size:22px;font-weight:600;line-height:2.1;margin-bottom:38px;min-height:150px;overflow-anchor:auto;position:relative;white-space:pre-line}.cyber-footer{align-items:center;color:#ffffffb3;display:flex;font-size:17px;justify-content:space-between;margin-top:10px;padding:10px 0}.cyber-footer-left{flex:1 1;text-align:left}.cyber-author-input{background:#0000;border:none;color:#fff;font-family:inherit;font-size:16px;margin:0;max-width:200px;min-width:120px;outline:none;padding:0;text-align:left;width:auto}.cyber-author-input:focus{border-bottom:1px dashed #ffffff80}.cyber-author{outline:none;-webkit-user-select:text;user-select:text}.cyber-count{color:#ffffff80}.card-transparent{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-golden{background:linear-gradient(135deg,#f7971e,#ffd200);color:#333}.card-notebook{background:linear-gradient(135deg,#fceabb,#f8b500);color:#333}.card-dark{background:linear-gradient(135deg,#232526,#414345)}.card-border{background:linear-gradient(135deg,#fff,#e3e3e3);border:1.5px solid #bbb;color:#222}.card-editor-toolbar{background:#0000;display:flex;gap:10px;justify-content:center;margin-bottom:12px;position:-webkit-sticky;position:sticky;top:18px;z-index:10}.copy-toast{background:#14141ae0;border-radius:10px;box-shadow:0 10px 30px #0000004d;left:50%;padding:12px 20px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.card-btn,.copy-toast{color:#fff;font-size:14px}.card-btn{background:linear-gradient(90deg,#7b2ff2,#f357a8);border:none;border-radius:8px;box-shadow:0 2px 8px #7b2ff21a;cursor:pointer;font-weight:500;margin-left:0;padding:6px 16px;transition:background .2s,box-shadow .2s}.card-btn:hover{background:linear-gradient(90deg,#f357a8,#7b2ff2);box-shadow:0 4px 16px #7b2ff22e}.card-default{background:linear-gradient(135deg,#3a8dde,#5b6df6 60%,#7b2ff2 85%,#f357a8);border-radius:32px;box-shadow:0 8px 32px 0 #3a8dde2e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:flex-start;position:relative}.card-default .cyber-date{color:#ffffffad;font-size:17px;font-weight:400;letter-spacing:.5px;margin-bottom:22px;outline:none;-webkit-user-select:text;user-select:text}.card-default .cyber-content{color:#fffffffa;font-size:20px;font-weight:600;line-height:2.1;margin-bottom:38px;min-height:220px;outline:none;text-align:left;-webkit-user-select:text;user-select:text;white-space:pre-line}.card-default .cyber-footer{align-items:center;color:#ffffffb3;display:flex;font-size:15px;justify-content:space-between;margin-top:0;width:100%}.card-default .cyber-author{color:#ffffffad;font-size:15px;font-weight:400;outline:none;-webkit-user-select:text;user-select:text}.card-default .cyber-count{color:#ffffff73;font-size:15px;font-weight:400;letter-spacing:.5px}@media (max-width:600px){.card-default{min-width:0;min-width:auto;padding:18px 6vw 12px;width:98vw}.card-default .cyber-content{font-size:17px;min-height:120px}}.card-rainbow{background:linear-gradient(90deg,#ff5e62,#f96 25%,#f9d423 50%,#a8ff78 75%,#43cea2)}.card-neon,.card-rainbow{border-radius:32px;box-shadow:0 8px 32px 0 #3a8dde2e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:flex-start;position:relative}.card-neon{background:linear-gradient(135deg,#00f2fe,#4facfe);overflow:visible}.card-neon:before{background:radial-gradient(circle,#00f2fe59 0,#4facfe2e 60%,#0000 100%);border-radius:40px;bottom:-24px;content:"";filter:blur(8px);left:-24px;pointer-events:none;position:absolute;right:-24px;top:-24px;z-index:0}.card-neon>*{position:relative;z-index:1}.card-aurora{background:linear-gradient(135deg,#00c3ff,#ffff1c);border-radius:32px;box-shadow:0 8px 32px 0 #3a8dde2e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:flex-start;position:relative}.card-space{background:linear-gradient(135deg,#232526,#414345);color:#fff}.card-fire{background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff}.card-fire,.card-ice{border-radius:32px;box-shadow:0 8px 32px 0 #3a8dde2e;box-sizing:border-box;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:flex-start;position:relative}.card-ice{background:linear-gradient(135deg,#83a4d4,#b6fbff);color:#222}.card-forest{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:32px;box-shadow:0 8px 32px 0 #3a8dde2e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;justify-content:flex-start;position:relative}.card-sunset{background:linear-gradient(135deg,#f7971e,#ffd200);color:#333}.card-metal{background:linear-gradient(135deg,#cfd9df,#e2ebf0);color:#222}.card-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#e0eafc,#cfdef3);color:#222}.card-night{background:linear-gradient(135deg,#434343,#000)}.card-white{background:linear-gradient(135deg,#fff,#e3e3e3);color:#222}.card-retro{background:linear-gradient(135deg,#ffaf7b,#d76d77)}.card-tech{background:linear-gradient(135deg,#00c6ff,#0072ff)}.card-dream{background:linear-gradient(135deg,#fcb69f,#ffecd2);color:#222}.card-future{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#222}.card-paper{background:linear-gradient(135deg,#f5f1e8,#e9e1d0);border:1px solid #00000014;box-shadow:0 10px 30px #503c1e1f;color:#3b2f1e}.card-paper .card-inner{background:#fff9;box-shadow:inset 0 0 0 1px #ffffff59}.card-paper .cyber-count,.card-paper .cyber-date,.card-paper .cyber-footer{color:#3b2f1ea6}.card-paper .cyber-content{color:#3b2f1ee6}.card-paper .cyber-author-input{color:#3b2f1e}.card-film{background:linear-gradient(135deg,#2a2a2a,#111);border:1px solid #ffffff0f;box-shadow:0 12px 30px #00000073;color:#f2e9d8;overflow:hidden;position:relative}.card-film:before{border:1px solid #ffffff14;border-radius:20px;inset:12px}.card-film:after,.card-film:before{content:"";pointer-events:none;position:absolute}.card-film:after{background:linear-gradient(180deg,#ffffff0f,#0000 30%,#0000 70%,#ffffff0d),radial-gradient(circle at 20% 30%,#ffffff0a 0,#0000 45%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.035) 0,#0000 50%);inset:0;opacity:.6}.card-film .card-inner{background:#14100c8c;box-shadow:inset 0 0 0 1px #ffffff0a}.card-film .cyber-count,.card-film .cyber-date,.card-film .cyber-footer{color:#f2e9d8b3}.card-film .cyber-content{color:#f2e9d8f2}.card-film .cyber-author-input{color:#f2e9d8}.card-blackgold{background:linear-gradient(135deg,#1a1a1a,#2b1b05);border:1px solid #d4af3759;box-shadow:0 12px 30px #00000073;color:#f3d39b}.card-blackgold .card-inner{background:#14100c99}.card-blackgold .cyber-count,.card-blackgold .cyber-date,.card-blackgold .cyber-footer{color:#f3d39bb3}.card-blackgold .cyber-author-input,.card-blackgold .cyber-content{color:#f3d39b}.card-ocean{background:linear-gradient(135deg,#0f2a3d,#0b6aa1);color:#e6f5ff}.card-slate{background:linear-gradient(135deg,#3d4a57,#1f262d);color:#e6e9ed}.card-mint{background:linear-gradient(135deg,#b7f8db,#50a7c2);color:#0f3b46}.card-mint .cyber-count,.card-mint .cyber-date,.card-mint .cyber-footer{color:#0f3b46a6}.card-mint .cyber-author-input,.card-mint .cyber-content{color:#0f3b46}.card-lilac{background:linear-gradient(135deg,#c3a5ff,#fbc2eb);color:#3b1f4a}.card-lilac .cyber-count,.card-lilac .cyber-date,.card-lilac .cyber-footer{color:#3b1f4aa6}.card-lilac .cyber-author-input,.card-lilac .cyber-content{color:#3b1f4a}.card-ember{background:linear-gradient(135deg,#3a1c0d,#b23a1a);color:#ffe4cc}.card-sunrise{background:linear-gradient(135deg,#fce38a,#f38181);color:#4a2a1a}.card-sunrise .cyber-count,.card-sunrise .cyber-date,.card-sunrise .cyber-footer{color:#4a2a1aa6}.card-sunrise .cyber-author-input,.card-sunrise .cyber-content{color:#4a2a1a}.card-ink{background:linear-gradient(135deg,#0f1115,#2b303a);color:#e6eaf0}.card-haze{background:linear-gradient(135deg,#c9d6ff,#e2e2e2);color:#2b2f3a}.card-haze .cyber-count,.card-haze .cyber-date,.card-haze .cyber-footer{color:#2b2f3aa6}.card-haze .cyber-author-input,.card-haze .cyber-content{color:#2b2f3a}.card-olive{background:linear-gradient(135deg,#6b8e23,#cddc6e);color:#2c3416}.card-olive .cyber-count,.card-olive .cyber-date,.card-olive .cyber-footer{color:#2c3416a6}.card-olive .cyber-author-input,.card-olive .cyber-content{color:#2c3416}.card-blush{background:linear-gradient(135deg,#fbd3e9,#bb377d);color:#3a1330}.card-blush .cyber-count,.card-blush .cyber-date,.card-blush .cyber-footer{color:#3a1330a6}.card-blush .cyber-author-input,.card-blush .cyber-content{color:#3a1330}.card-citrus{background:linear-gradient(135deg,#ffe259,#ffa751);color:#4a2d10}.card-citrus .cyber-count,.card-citrus .cyber-date,.card-citrus .cyber-footer{color:#4a2d10a6}.card-citrus .cyber-author-input,.card-citrus .cyber-content{color:#4a2d10}.card-glacier{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#1f2f3a}.card-glacier .cyber-count,.card-glacier .cyber-date,.card-glacier .cyber-footer{color:#1f2f3aa6}.card-glacier .cyber-author-input,.card-glacier .cyber-content{color:#1f2f3a}.card-mocha{background:linear-gradient(135deg,#4e342e,#a1887f);color:#f3ebe6}.card-plum{background:linear-gradient(135deg,#5f2c82,#49a09d);color:#f1ecff}.card-wheat{background:linear-gradient(135deg,#f7e9c4,#e2c799);color:#4a3a20}.card-wheat .cyber-count,.card-wheat .cyber-date,.card-wheat .cyber-footer{color:#4a3a20a6}.card-wheat .cyber-author-input,.card-wheat .cyber-content{color:#4a3a20}.card-photo{background:url(/static/media/card-photo.f5072543d9fb2508e9f0.png) 50%/cover no-repeat;background-size:cover;border:none;box-shadow:none;color:#3b2f1f}.card-photo .card-inner{background:#0000;box-shadow:none}.card-photo .cyber-count,.card-photo .cyber-date,.card-photo .cyber-footer{color:#3b2f1e99}.card-photo .cyber-content{color:#3b2f1f;font-family:inherit;font-size:24px;letter-spacing:.4px;line-height:2.4}.card-photo .cyber-author-input{color:#5b4329;font-family:inherit}.card-inner{background:#ffffff2e;border-radius:24px;box-shadow:0 4px 24px 0 #00000014;box-sizing:border-box;display:flex;flex-direction:column;font-size:18px;justify-content:space-between;margin:0 auto;padding:24px 16px 16px;text-align:left;width:100%}@media (max-width:600px){.card-inner{padding:16px 4vw 12px}}.card-size-toolbar{display:flex;gap:18px;justify-content:flex-start;margin-bottom:18px}.card-size-btn{background:#222;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:17px;font-weight:400;line-height:1.3;min-width:92px;padding:16px 18px 12px;text-align:center;transition:background .18s,color .18s,box-shadow .18s;white-space:pre-line}.card-size-btn.selected,.card-size-btn:active{background:#444;box-shadow:0 4px 16px #0000002e;color:#fff}.card-size-btn:hover{background:#333;color:#fff}.avatar-upload{height:80px;margin:0 auto 20px;position:relative;width:80px}.avatar-container{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;cursor:pointer;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.avatar-container:hover{border-color:#ffffff80;transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;box-sizing:border-box;color:#ffffffb3;display:flex;font-size:14px;height:100%;justify-content:center;padding:0 8px;text-align:center;width:100%}.property-panel{display:flex;flex-direction:column;gap:10px;padding-top:4px}.property-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:18px}.property-item{align-items:center;color:#eee;display:flex;font-size:13px;gap:6px;margin-bottom:10px}.property-toggle-grid{grid-gap:8px 10px;display:grid;gap:8px 10px;grid-template-columns:repeat(4,minmax(0,1fr))}.property-toggle-grid .property-item{justify-content:center;margin-bottom:0}.property-item input[type=checkbox],.property-item input[type=radio]{accent-color:#7b2ff2;height:14px;width:14px}.property-bgtype-group,.property-gradient-group,.property-opacity-group{margin-bottom:14px}.property-bgtype-group{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px}.property-bgtype-group label{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#e6e6e6;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 8px;-webkit-user-select:none;user-select:none}.property-gradient-group{display:flex;flex-direction:column;gap:4px}.property-opacity-group input[type=range]{height:2px}.property-opacity-group input[type=number]{font-size:13px;height:22px;padding:2px 4px}.property-select{background:#222;border:1px solid #444;border-radius:8px;color:#fff;font-size:13px;padding:8px 10px;width:100%}.property-fontsize{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#e6e6e6;display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:8px 10px}.property-fontsize-label{white-space:nowrap}.property-fontsize-actions{display:flex;gap:6px}.property-fontsize-btn{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:28px;line-height:1;width:28px}.property-fontsize-btn:hover{background:#0006}.property-color{background:#0000;border:none;height:32px;padding:0;width:32px}.property-color-code{background:#222;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-size:13px;padding:6px 10px}
/*# sourceMappingURL=main.ef4b8ed8.css.map*/