.layout-container .header{border-bottom:1px solid #e5e7eb;background:#fff;height:57px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:30}.layout-container .header-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.layout-container .header-left{display:flex;align-items:center;flex:1}.layout-container .logo-container{margin-right:32px;display:flex;align-items:center;gap:12px;cursor:pointer;height:35px}.layout-container .logo-image{height:50px;width:auto;object-fit:contain}.layout-container .logo-text{display:flex;flex-direction:column;justify-content:center}.layout-container .logo-title{font-size:15px;font-weight:800;line-height:1.2;color:#111827}.layout-container .logo-subtitle{font-size:10px;font-weight:600;line-height:1.2;color:#6b7280;letter-spacing:.05em}.layout-container .navigation{display:flex;flex:1;align-items:center;gap:0}.layout-container .nav-item{position:relative;padding:17.5px 10.5px;font-size:12.25px;font-weight:600;line-height:17.5px;color:#4b5563;cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;height:56px;display:flex;align-items:center;gap:6px}.layout-container .nav-item:hover{border-bottom-color:#eaeaea}.layout-container .nav-item.active{color:#1677ff;border-bottom-color:#1677ff}.layout-container .chevron-icon{opacity:.5;transition:transform .2s cubic-bezier(.4,0,.2,1)}.layout-container .dropdown-container{position:relative}.layout-container .dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible}.layout-container .dropdown-container:hover .chevron-icon{transform:rotate(180deg)}.layout-container .dropdown-menu{position:absolute;top:100%;left:0;width:288px;margin-top:0;background:#fff;border-radius:7px;box-shadow:#0000000d 0 0 0 1px,#0000001a 0 20px 25px -5px,#0000001a 0 8px 10px -6px;border:1px solid #e5e7eb;overflow:hidden;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50}.layout-container .dropdown-item{padding:8.75px 14px;font-size:12.25px;font-weight:400;color:#374151;cursor:pointer;display:flex;align-items:center;gap:12px;height:35px;transition:all .15s cubic-bezier(.4,0,.2,1);border-left:4px solid transparent}.layout-container .dropdown-item:hover{background:#f9fafb}.layout-container .dropdown-item.active{color:#1677ff;border-left-color:#1677ff}.layout-container .dropdown-item-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af}.dropdown-item.active .layout-container .dropdown-item-icon{color:#1677ff}.layout-container .header-right{display:flex;align-items:center;gap:16px;margin-left:24px}.layout-container .icon-button{padding:7px;background:transparent;border:none;border-radius:9999px;cursor:pointer;color:#4b5563;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.layout-container .icon-button:hover{background:#f0f1f5;color:#1677ff}.layout-container .notification-button{padding:7px;background:transparent;border:none;border-radius:9999px;cursor:pointer;color:#4b5563;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:34px;height:34px}.layout-container .notification-button:hover{background:#f3f4f6;color:#111827}.layout-container .notification-icon{width:18px;height:18px}.layout-container .divider{width:1px;height:24px;background:#e5e7eb}.layout-container .user-info{display:flex;align-items:center;gap:12px;padding-left:8px;cursor:pointer}.layout-container .user-text{display:flex;flex-direction:column;text-align:right;line-height:1.25}.layout-container .user-name{font-size:14px;font-weight:600;color:#1f2937}.layout-container .user-role{font-size:10px;font-weight:400;color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.layout-container .user-avatar{width:36px;height:36px;background:#e5e7eb;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 1px 2px #0000000d,0 0 0 1px #0000000d}.layout-container .user-avatar-icon{width:24px;height:24px;color:#6b7280}.layout-container .tabs-container{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0 32px;position:sticky;top:57px;z-index:20}.layout-container .tabs-wrapper{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.layout-container .tabs-wrapper::-webkit-scrollbar{display:none}.layout-container .tab-item{position:relative;display:flex;align-items:center;gap:8px;padding:10px 16px;min-width:fit-content;max-width:180px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none}.layout-container .tab-item:hover{color:#374151;background:#fff9}.layout-container .tab-item:hover .tab-close{opacity:1}.layout-container .tab-item.active{color:#1677ff;border-bottom-color:#1677ff;background:#1677ff0a}.layout-container .tab-item.active .tab-close{opacity:.7}.layout-container .tab-item.active .tab-close:hover{opacity:1}.layout-container .tab-item.non-closable{padding-right:16px}.layout-container .tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-container .tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;opacity:0;transition:all .15s cubic-bezier(.4,0,.2,1);color:#6b7280}.layout-container .tab-close:hover{background:#ef44441a;color:#ef4444}.layout-container .tab-close svg{width:12px;height:12px}.layout-container .content-wrapper{display:flex;justify-content:center;min-height:280px}.layout-container .content-container{width:100%;margin:16px 0;padding:0 32px}.language-selector{position:relative;display:inline-block}.language-button{display:flex;align-items:center;gap:7px;padding:7px 10.5px;height:34px;font-size:12.25px;font-weight:600;color:#4b5563;background:transparent;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.language-button:hover{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.language-icon{font-size:18px;display:flex;align-items:center}.language-text{white-space:nowrap}.language-chevron{font-size:14px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.language-chevron.rotated{transform:rotate(180deg)}.language-chevron svg{width:14px;height:14px}.language-dropdown{position:absolute;top:calc(100% + 7px);left:0;min-width:112px;width:max-content;background:#fff;border:1px solid #f3f4f6;border-radius:7px;box-shadow:#0000001a 0 20px 25px -5px,#0000001a 0 8px 10px -6px;padding:3.5px 0;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s cubic-bezier(.4,0,.2,1)}.language-dropdown.visible{opacity:1;visibility:visible}.language-option{padding:7px 14px;font-size:12.25px;color:#374151;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.language-option:hover{background:#f9fafb}.language-option.active{color:#1677ff;font-weight:500}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;background-color:#f0f2f5}.app.light{background-color:#f0f2f5}.app.dark{background-color:#141414}.app.system{background-color:#f0f2f5}.ant-layout{background:transparent}.ant-layout-sider{box-shadow:2px 0 8px #1d23290d}.ant-layout-header{box-shadow:0 1px 4px #00152914}.logo{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}@media (max-width: 768px){.ant-layout-sider{position:fixed;height:100vh;z-index:999}.ant-layout-content{margin-left:0!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark ::-webkit-scrollbar-track{background:#1f1f1f}.dark ::-webkit-scrollbar-thumb{background:#4a4a4a}.dark ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-container .login-plane{width:400px;box-shadow:0 4px 12px #0000001a}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.form-container{max-width:600px;margin:0 auto;padding:24px}.ant-card{transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 4px 12px #0000001a}.button-group{display:flex;gap:8px;align-items:center}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.mr-8{margin-right:8px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.p-16{padding:16px}.flex{display:flex}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.align-item-center{align-items:center}.query-form .label{color:rgb(55 65 81 / var(--tw-text-opacity, 1));font-size:1rem;line-height:1.5rem;font-weight:500}.bold{font-weight:700}.deleted-row{background-color:#f5f5f5!important;color:#999!important}.deleted-row td{background-color:#f5f5f5!important;color:#999!important;text-decoration:line-through!important}.dark .deleted-row,.dark .deleted-row td{background-color:#2a2a2a!important;color:#666!important}.data-container{cursor:pointer;width:100%;padding:1rem;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.data-container .title{color:rgb(107 114 128 / var(--tw-text-opacity, 1));font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem}.data-container .mian-data{display:flex;align-items:end}.data-container .mian-data .first{color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-weight:700;font-size:3rem;line-height:3rem}.data-container .mian-data .split{margin:0 1rem;font-size:2rem;line-height:2.5rem}.data-container .mian-data .last{color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-size:2rem;line-height:2.2rem}.data-container .channels{margin-top:1rem}.data-container .channels .channel-row{display:grid;grid-template-columns:1fr 1fr}.data-container:hover{box-shadow:0 4px 6px #00000026}.tips{color:#8c8c8c;font-size:12px;margin-top:5px}