.app{color:#fff;background:#0f0f0f;width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:700;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 16px;transition:all .3s}.input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s}.card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.login-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.login-container .login-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.login-container .login-bg:before{content:"";opacity:.3;z-index:1;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=anime%20style%20background%20with%20manga%20characters&image_size=landscape_16_9);background-position:50%;background-size:cover;position:absolute;inset:0}.login-container .login-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;width:90%;max-width:1200px;height:80%;display:flex;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.login-container .login-content .login-left{color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:0 60px;display:flex}.login-container .login-content .login-left .login-logo{align-items:center;margin-bottom:40px;display:flex}.login-container .login-content .login-left .login-logo .logo-icon{color:#667eea;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:30px;font-weight:700;display:flex}.login-container .login-content .login-left .login-logo h1{color:#fff;margin:0;font-size:30px;font-weight:700}.login-container .login-content .login-left .login-slogan{color:#fff;margin:0 0 20px;font-size:30px;font-weight:700;line-height:1.2}.login-container .login-content .login-left .login-desc{color:#ffffffd9;margin:0;font-size:16px}.login-container .login-content .login-right{background:#fffffff2;border-radius:20px 0 0 20px;flex:1;justify-content:center;align-items:center;display:flex}.login-container .login-content .login-right .login-form-container{color:#333;width:80%;max-width:400px}.login-container .login-content .login-right .login-form-container .login-tabs{cursor:pointer;border-bottom:1px solid #e8e8e8;margin-bottom:30px;display:flex}.login-container .login-content .login-right .login-form-container .login-tabs .tab{color:#666;border-bottom:2px solid #0000;padding:10px 20px;font-size:16px;transition:all .3s}.login-container .login-content .login-right .login-form-container .login-tabs .tab.active{color:#667eea;border-bottom:2px solid #667eea;font-weight:700}.login-container .login-content .login-right .login-form-container .login-form{width:100%}.login-container .login-content .login-right .login-form-container .login-form .input-icon{margin-right:10px}.login-container .login-content .login-right .login-form-container .login-form .ant-input{color:#333!important;box-shadow:none!important;background:#ffffffe6!important;border:none!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input::placeholder{color:#999!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input-password{color:#333!important;box-shadow:none!important;background:#ffffffe6!important;border:1px solid #ddd!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input-password .ant-input{border:none!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .remember-container{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.login-container .login-content .login-right .login-form-container .login-form .remember-container .remember-checkbox{margin:0!important}.login-container .login-content .login-right .login-form-container .login-form .remember-container .forgot-password{color:#667eea;font-size:14px;text-decoration:none;transition:color .3s}.login-container .login-content .login-right .login-form-container .login-form .remember-container .forgot-password:hover{color:#764ba2}.login-container .login-content .login-right .login-form-container .login-form .login-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:700;transition:all .3s}.login-container .login-content .login-right .login-form-container .login-form .login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-container .login-content .login-right .login-form-container .login-form .agreement-container{color:#666;flex-wrap:nowrap;align-items:center;margin-top:20px;font-size:14px;display:flex}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-checkbox{flex-shrink:0;align-items:center;display:flex;margin-top:0!important;margin-bottom:0!important;margin-right:8px!important}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-text{flex-shrink:1}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-link{color:#667eea;text-decoration:none;transition:color .3s}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-link:hover{color:#764ba2}.login-container .login-content .login-right .login-form-container .login-form .ant-checkbox-inner{border-color:#ddd!important}.login-container .login-content .login-right .login-form-container .login-form .ant-checkbox-checked .ant-checkbox-inner{background-color:#667eea!important;border-color:#667eea!important}@media (width<=768px){.login-container .login-content{border-radius:0;flex-direction:column;height:100%}.login-container .login-content .login-left{text-align:center;flex:0 0 30%;align-items:center;padding:40px}.login-container .login-content .login-left .login-slogan{font-size:36px}.login-container .login-content .login-right{border-radius:20px 20px 0 0;flex:1}.login-container .login-content .agreement-container{flex-wrap:wrap}.login-container .login-content .agreement-container .agreement-text{white-space:normal}}.dashboard-container{color:#fff;background:#0f0f0f;height:100vh}.dashboard-container .sider{background:#1a1a1a;border-right:1px solid #333;overflow:auto}.dashboard-container .sider .ant-layout-sider-children{flex-direction:column;display:flex}.dashboard-container .logo-container{border-bottom:1px solid #333;align-items:center;padding:12px;display:flex}.dashboard-container .logo-container .logo-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.dashboard-container .logo-container .logo-text{color:#fff;margin-left:10px;font-size:18px;font-weight:700}.dashboard-container .sider-menu{flex:1;background:#1a1a1a!important;border-right:none!important}.dashboard-container .sider-menu .ant-menu-item{color:#ccc;border-radius:8px;margin:10px}.dashboard-container .sider-menu .ant-menu-item.ant-menu-item-active{color:#fff!important;background:#e5e7eb33!important}.dashboard-container .sider-menu .ant-menu-item.ant-menu-item-selected{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.dashboard-container .sider-footer{background:#1a1a1a;border-top:1px solid #333;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.dashboard-container .sider-footer .user-dropdown{margin-left:0}.dashboard-container .sider-footer .user-dropdown .user-info{cursor:pointer;background:0 0;border-radius:4px;justify-content:space-between;align-items:center;transition:background .3s;display:flex}.dashboard-container .sider-footer .user-dropdown .user-info .user-role{color:#ccc;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:90px;margin-left:6px;font-size:14px;display:-webkit-box;overflow:hidden}.dashboard-container .sider-footer .toggle-button{color:#fff;border:.5px solid #ffffff26;box-shadow:0 0 3px #fff3}.dashboard-container .member-info{color:#fff;border:1px solid #333;border-radius:4px;margin:16px 12px;font-size:12px}.dashboard-container .member-info .member-inside{justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.dashboard-container .member-info .member-inside .member-level{color:#60a5fa;white-space:nowrap;font-weight:700}.dashboard-container .member-info .member-inside .points-info{align-items:center;gap:10px;display:flex}.dashboard-container .member-info .member-inside .points-info .split-line{background:#333;width:1px;height:14px}.dashboard-container .member-info .member-inside .points-info .diamond-icon{font-size:16px}.dashboard-container .member-info .member-inside .points-info .points-count{word-break:break-all;font-weight:700}.dashboard-container .main-layout{background:#0f0f0f}.dashboard-container .main-layout .content{color:#fff;padding:20px;overflow:auto}@media (width<=768px){.dashboard-container .content-header{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-container .header-actions{justify-content:space-between;width:100%}.dashboard-container .search-input{flex:1}.dashboard-container .projects-container{grid-template-columns:1fr}}.home-container .content-header{margin-bottom:16px}.home-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.home-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.works-container .content-header{margin-bottom:16px}.works-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.works-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.works-container .header-tabs-container{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.works-container .header-tabs-container .content-tabs{display:flex}.works-container .header-tabs-container .content-tabs .tab{cursor:pointer;color:#666;border-bottom:2px solid #0000;padding:10px 20px;font-size:16px;transition:all .3s}.works-container .header-tabs-container .content-tabs .tab.active{color:#fff;border-bottom:2px solid #667eea;font-weight:700}.works-container .header-tabs-container .header-actions{align-items:center;gap:16px;display:flex}.works-container .header-tabs-container .header-actions .add-project-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;font-weight:700}.works-container .header-tabs-container .header-actions .add-project-button:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.works-container .header-tabs-container .header-actions .search-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:200px;padding:4px 8px}.works-container .header-tabs-container .header-actions .search-input::placeholder{color:#666}.works-container .projects-title{color:#ffffffd9;margin-bottom:20px;font-size:18px;font-weight:700}.works-container .project-group{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.works-container .project-group .group-card{background:#2a2a2a;border:1px solid #333;border-radius:12px;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.works-container .project-group .group-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.works-container .project-group .group-card .group-icon{color:#ffffffd9;border-right:1px solid #333;padding:15px;font-size:54px}.works-container .project-group .group-card .group-info{flex:1;margin-left:10px}.works-container .project-group .group-card .group-info .group-title{color:#fff;margin:0 0 5px;font-size:16px;font-weight:700}.works-container .project-group .group-card .group-info .group-date{color:#ffffffa6;font-size:12px}.works-container .project-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.works-container .project-list .project-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.works-container .project-list .project-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.works-container .project-list .project-card .project-thumbnail{background:#2a2a2a;flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex;position:relative}.works-container .project-list .project-card .project-thumbnail .placeholder-icon{margin-bottom:10px;font-size:48px}.works-container .project-list .project-card .project-thumbnail .placeholder-text{color:#666;font-size:14px}.works-container .project-list .project-card .project-info{padding:15px}.works-container .project-list .project-card .project-info .project-title{color:#fff;margin:0 0 10px;font-size:16px;font-weight:700}.works-container .project-list .project-card .project-info .project-date{color:#ffffffa6;font-size:12px}.materials-container .content-header{margin-bottom:16px}.materials-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.materials-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.materials-container .header-tabs-container{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.materials-container .header-tabs-container .content-tabs{display:flex}.materials-container .header-tabs-container .content-tabs .tab{cursor:pointer;color:#666;border-bottom:2px solid #0000;padding:10px 20px;font-size:16px;transition:all .3s}.materials-container .header-tabs-container .content-tabs .tab.active{color:#fff;border-bottom:2px solid #667eea;font-weight:700}.materials-container .header-tabs-container .header-actions{align-items:center;gap:16px;display:flex}.materials-container .header-tabs-container .header-actions .search-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:200px;padding:4px 8px}.materials-container .header-tabs-container .header-actions .search-input::placeholder{color:#666}.materials-container .category-tabs{gap:12px;margin-bottom:24px;display:flex}.materials-container .category-tabs .category-tab{color:#666;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 20px;transition:all .3s}.materials-container .category-tabs .category-tab:hover{color:#fff;background-color:#e5e7eb33;border-color:#333}.materials-container .category-tabs .category-tab.active{color:#fff;background:#667eea}.materials-container .materials-content .materials-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.materials-container .materials-content .materials-header .materials-title{align-items:center;gap:12px;display:flex}.materials-container .materials-content .materials-header .materials-title .title-text{color:#fff;font-size:18px;font-weight:700}.materials-container .materials-content .materials-header .materials-title .add-button{color:#fff;height:auto;margin-top:1px;padding:0 15px;font-size:14px}.materials-container .materials-content .materials-header .materials-title .add-button:hover{color:#ffffffd9}.materials-container .materials-content .materials-header .download-button{color:#fff;background:#1a1a1a;border:1px solid #333}.materials-container .materials-content .materials-header .download-button:hover{color:#667eea;border-color:#667eea}.materials-container .materials-content .materials-header .download-button:disabled{color:#666;cursor:not-allowed;background:#1a1a1a;border-color:#333}.materials-container .materials-content .materials-list-container .materials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.materials-container .materials-content .materials-list-container .materials-grid .material-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .3s;position:relative}.materials-container .materials-content .materials-list-container .materials-grid .material-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.materials-container .materials-content .materials-list-container .materials-grid .material-card .ant-card-body{gap:12px;padding:0;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-thumbnail{color:#fff;border-right:1px solid #333;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info-container{flex:1;justify-content:space-between;align-items:center;padding:16px 8px 16px 0;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info .material-name{color:#fff;margin:0 0 2px;font-size:14px;font-weight:400}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info .material-description{color:#666;margin:0;font-size:14px}.materials-container .materials-content .materials-list-container .materials-grid .material-card .more-button{color:#666;padding:4px}.materials-container .materials-content .materials-list-container .materials-grid .material-card .more-button:hover{color:#fff}.materials-container .materials-content .materials-list-container .empty-state{background:#1a1a1a;border:2px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.materials-container .materials-content .materials-list-container .empty-state .ant-empty{margin-bottom:24px}.materials-container .materials-content .materials-list-container .empty-state .ant-empty .ant-empty-description{color:#666}.materials-container .materials-content .materials-list-container .empty-state .add-library-button{height:auto;padding:8px 24px;font-size:14px}.manual-container .content-header{margin-bottom:16px}.manual-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.manual-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.feedback-container .content-header{margin-bottom:16px}.feedback-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.feedback-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.announcements-container .content-header{margin-bottom:16px}.announcements-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.announcements-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100vw;height:100vh;overflow:hidden}.app{width:100%;height:100%}.ant-menu{background:0 0!important}.ant-menu-item{border-radius:8px!important;margin:8px 0!important}.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)!important}.ant-input{color:#fff!important;background:#1a1a1a!important;border:1px solid #333!important}.ant-input::placeholder{color:#666!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:#667eea!important;border-color:#667eea!important}