.particle-background[data-v-20d17d7d]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle-background canvas[data-v-20d17d7d]{display:block}.app-header[data-v-70d5b9d7]{background:#fff;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:1000;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05)}.header-content[data-v-70d5b9d7]{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logo-section[data-v-70d5b9d7]{cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.logo-section[data-v-70d5b9d7]:hover{opacity:.8}.logo[data-v-70d5b9d7]{font-size:24px;font-weight:700;color:#409eff;text-decoration:none}.search-section[data-v-70d5b9d7]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:600px;margin:0 40px}.search-prefix[data-v-70d5b9d7]{padding:0 12px;color:#606266;font-weight:500;font-size:14px;border-right:1px solid #e4e7ed;background:#f5f7fa;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.search-input[data-v-70d5b9d7]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;padding:0 15px;font-size:14px;outline:none;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}.search-btn[data-v-70d5b9d7]{width:40px;height:40px;background:#f5f7fa;border:none;border-left:1px solid #e4e7ed;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s}.search-btn[data-v-70d5b9d7]:hover{background:#ecf5ff}.search-btn i[data-v-70d5b9d7]{font-size:16px;color:#909399}.search-btn:hover i[data-v-70d5b9d7]{color:#409eff}.search-wrapper[data-v-70d5b9d7]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #dcdfe6;-webkit-transition:border-color .2s;transition:border-color .2s}.search-wrapper[data-v-70d5b9d7]:focus-within{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.search-wrapper:focus-within .search-prefix[data-v-70d5b9d7]{border-right-color:#409eff}.search-wrapper:focus-within .search-btn[data-v-70d5b9d7]{border-left-color:#409eff}.user-section[data-v-70d5b9d7]{gap:12px}.icon-btn[data-v-70d5b9d7],.user-section[data-v-70d5b9d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-btn[data-v-70d5b9d7]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative;background:transparent;border:1px solid transparent}.icon-btn[data-v-70d5b9d7]:hover{background:#f5f7fa;border-color:#e4e7ed}.icon-btn i[data-v-70d5b9d7]{font-size:16px;color:#606266;-webkit-transition:color .2s;transition:color .2s}.icon-btn:hover i[data-v-70d5b9d7]{color:#409eff}.settings-btn[data-v-70d5b9d7]:hover{background:#f0f9ff;border-color:#b3d8ff}.notification-btn[data-v-70d5b9d7]:hover{background:#fff7e6;border-color:#ffd591}.notification-badge[data-v-70d5b9d7]{position:absolute;top:-2px;right:-2px;background:#f56c6c;color:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;border:1px solid #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.auth-buttons[data-v-70d5b9d7]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.auth-buttons .el-button[data-v-70d5b9d7]{border-radius:4px;font-weight:500;height:36px;padding:0 16px}.auth-buttons .el-button.el-button--primary[data-v-70d5b9d7]{background:#409eff;border-color:#409eff}.auth-buttons .el-button.el-button--default[data-v-70d5b9d7]{border:1px solid #dcdfe6;color:#606266}.auth-buttons .el-button.el-button--default[data-v-70d5b9d7]:hover{border-color:#409eff;color:#409eff}.about-btn .el-button[data-v-70d5b9d7]{border-radius:4px;height:36px;padding:0 16px;font-weight:500}.user-info[data-v-70d5b9d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.publish-btn .el-button[data-v-70d5b9d7]{border-radius:4px;height:36px;padding:0 16px;font-weight:500}.user-avatar[data-v-70d5b9d7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:4px 8px;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.user-avatar[data-v-70d5b9d7]:hover{background:#f5f7fa}.user-avatar img[data-v-70d5b9d7]{width:28px;height:28px;border-radius:4px;margin-right:6px;border:1px solid #e4e7ed}.username[data-v-70d5b9d7]{color:#606266;margin-right:4px;font-size:14px;font-weight:500}.el-icon-arrow-down[data-v-70d5b9d7]{color:#909399;font-size:12px}.app-wrapper[data-v-0b9a0a9b]{min-height:100vh;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.app-body[data-v-0b9a0a9b]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:1200px;margin:0 auto;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.main-content[data-v-0b9a0a9b]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:600px;min-width:850px;max-width:850px;background:#fff;border-radius:4px;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e4e7ed}.sidebar[data-v-0b9a0a9b]{width:300px}.sidebar-section h4[data-v-0b9a0a9b]{margin:0;color:#303133;font-size:16px;font-weight:600;padding:20px 20px 15px 20px;border-bottom:1px solid #e4e7ed;background:#fff}.sidebar-section[data-v-0b9a0a9b]{padding:10px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e4e7ed;margin-bottom:20px}.sidebar-section h4[data-v-0b9a0a9b]{margin:0 0 15px 0;padding:0 0 10px 0;background:transparent}.login-prompt[data-v-0b9a0a9b]{text-align:center}.prompt-content h4[data-v-0b9a0a9b]{color:#303133;margin-bottom:10px}.typewriter[data-v-0b9a0a9b]{color:#409eff;font-weight:600}.cursor[data-v-0b9a0a9b]{color:#409eff;font-weight:400;-webkit-animation:blink-data-v-0b9a0a9b 1s infinite;animation:blink-data-v-0b9a0a9b 1s infinite}@-webkit-keyframes blink-data-v-0b9a0a9b{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink-data-v-0b9a0a9b{0%,50%{opacity:1}51%,to{opacity:0}}.user-header[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-avatar[data-v-0b9a0a9b]{width:40px;height:40px;border-radius:10px;overflow:hidden;margin-right:12px;border:2px solid #e4e7ed;-ms-flex-negative:0;flex-shrink:0}.user-avatar img[data-v-0b9a0a9b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info[data-v-0b9a0a9b]{-webkit-box-flex:1;-ms-flex:1;flex:1}.user-nickname[data-v-0b9a0a9b]{font-size:16px;font-weight:600;color:#303133;margin:0}.user-about[data-v-0b9a0a9b]{margin-left:8px;-ms-flex-negative:0;flex-shrink:0}.user-about i[data-v-0b9a0a9b]{font-size:16px;color:#909399;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.user-about i[data-v-0b9a0a9b]:hover{color:#409eff}.user-motto[data-v-0b9a0a9b]{font-size:13px;color:#909399;text-align:center;font-style:italic;line-height:1.4;padding:8px 12px;background:rgba(64,158,255,.1);border-radius:8px}.prompt-content p[data-v-0b9a0a9b]{color:#606266;margin:10px 0;font-size:14px}.login-link[data-v-0b9a0a9b]{font-size:12px}.login-link a[data-v-0b9a0a9b]{color:#409eff;text-decoration:none}.login-link a[data-v-0b9a0a9b]:hover{text-decoration:underline;color:#66b1ff}.stats-item[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.stats-item[data-v-0b9a0a9b]:last-child{gap:8px}.user-stats .stats-item[data-v-0b9a0a9b]{padding:8px 0;border-bottom:1px solid #f0f0f0;border-bottom:1px solid #eee;background:none;border-radius:0}.user-stats .stats-item .count[data-v-0b9a0a9b]{color:#409eff;font-weight:500}.user-stats-horizontal[data-v-0b9a0a9b]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}.stats-item-horizontal[data-v-0b9a0a9b],.user-stats-horizontal[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stats-item-horizontal[data-v-0b9a0a9b]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.stats-item-horizontal[data-v-0b9a0a9b]:hover{opacity:.5}.stats-label[data-v-0b9a0a9b]{font-size:12px;color:#909399;margin-bottom:4px}.stats-value[data-v-0b9a0a9b]{font-size:16px;color:#409eff;font-weight:600}.stats-divider[data-v-0b9a0a9b]{width:1px;height:30px;background-color:#eee;margin:0 8px}.sponsor-area .sponsor-header[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;border-bottom:1px solid #e4e7ed}.sponsor-area .sponsor-header h4[data-v-0b9a0a9b]{font-size:14px;margin:0;padding-bottom:0;color:#303133;font-weight:600;border-bottom:none}.sponsor-help-icon[data-v-0b9a0a9b]{color:#909399;font-size:14px;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.sponsor-help-icon[data-v-0b9a0a9b]:hover{color:#409eff}.sponsor-area .sponsor-content[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;background:transparent;text-align:center}.sponsor-area .sponsor-logo[data-v-0b9a0a9b]{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:0;margin:0}.sponsor-area .sponsor-description[data-v-0b9a0a9b]{font-size:14px;color:#606266;line-height:1.5;margin:0;padding:10px 5px;background:#fff}.sponsor-area .sponsor-btn[data-v-0b9a0a9b]{width:150px;height:30px;line-height:30px;border-radius:5px;display:block;text-align:center;background:#409eff;color:#fff;text-decoration:none;font-size:14px;-webkit-transition:all .2s;transition:all .2s;margin:auto}.sponsor-area .sponsor-btn[data-v-0b9a0a9b]:hover{background:#66b1ff;color:#fff}.loading-placeholder[data-v-0b9a0a9b]{text-align:center;padding:20px;color:#999}.loading-placeholder p[data-v-0b9a0a9b]{margin:0;font-size:14px}.no-ad-text[data-v-0b9a0a9b]{text-align:center;color:#999;font-size:14px;margin:20px 0}.hot-demos h4[data-v-0b9a0a9b]{font-size:14px;padding-bottom:0;color:#303133;font-weight:600;margin-bottom:5px;border-bottom:1px solid #e4e7ed}.hot-demos .hot-demo-item[data-v-0b9a0a9b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.hot-demos .hot-demo-item[data-v-0b9a0a9b]:last-child{border-bottom:none}.hot-demos .hot-demo-item[data-v-0b9a0a9b]:hover{background:#f5f7fa;margin:0 -20px;padding:5px 20px;border-radius:6px;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.hot-demos .demo-author-avatar[data-v-0b9a0a9b]{margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.hot-demos .demo-author-avatar .avatar[data-v-0b9a0a9b]{width:32px;height:32px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:2px solid #e4e7ed!important}.demo-content[data-v-0b9a0a9b]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.demo-title[data-v-0b9a0a9b]{font-size:14px;color:#303133;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;font-weight:500;-webkit-transition:color .2s ease;transition:color .2s ease}.hot-demos .hot-demo-item:hover .demo-title[data-v-0b9a0a9b]{color:#409eff}.app-footer[data-v-0b9a0a9b]{background:#f5f7fa;border-top:1px solid #e4e7ed;padding:40px 0;margin-top:40px}.footer-content[data-v-0b9a0a9b]{max-width:1200px;margin:0 auto;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-section[data-v-0b9a0a9b]{-webkit-box-flex:1;-ms-flex:1;flex:1}.footer-section h4[data-v-0b9a0a9b]{color:#303133;margin-bottom:15px}.footer-section p[data-v-0b9a0a9b]{color:#606266;margin:5px 0;font-size:14px}.footer-section ul[data-v-0b9a0a9b]{list-style:none;padding:0}.footer-section li[data-v-0b9a0a9b]{margin:5px 0}.footer-section a[data-v-0b9a0a9b]{color:#606266;text-decoration:none;font-size:14px}.footer-section a[data-v-0b9a0a9b]:hover{color:#409eff}.about-link[data-v-0b9a0a9b]{color:#606266;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.about-link[data-v-0b9a0a9b]:hover{color:#409eff}#app[data-v-0b9a0a9b]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav[data-v-0b9a0a9b]{padding:30px}nav a[data-v-0b9a0a9b]{font-weight:700;color:#2c3e50}nav a.router-link-exact-active[data-v-0b9a0a9b]{color:#42b983}