*,*:before,*:after{transition:none!important}:root{--glass-card-bg: rgba(255, 255, 255, .95);--glass-card-shadow: 0 12px 32px rgba(0, 0, 0, .15);--github-btn-bg: #24292e;--github-btn-border: #24292e;--success-tip-bg: var(--el-color-success-light-9);--vault-selected-bg: var(--el-color-primary-light-9)}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--el-bg-color-page);color:var(--el-text-color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media(max-width:768px){html,body,#app{height:auto;min-height:100%;overflow:visible}}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:#409eff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--el-text-color-secondary)}.tab-card-wrapper{background:var(--el-bg-color);padding:40px;border-radius:12px;box-shadow:0 2px 12px #0000000d;min-height:400px}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}@media(max-width:768px){.app-container{height:auto;min-height:100vh;overflow:visible}}main{flex:1;overflow:hidden;display:flex;flex-direction:column}@media(max-width:768px){main{overflow:visible}}.header{background:var(--el-bg-color);box-shadow:0 2px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;flex-shrink:0;z-index:100;position:sticky;top:0;border-bottom:1px solid var(--el-border-color-light)}.logo,.user-actions,.user-profile{display:flex;align-items:center}.logo h2{margin:0;color:var(--el-text-color-primary);font-size:20px}.user-actions{gap:20px}.user-profile{gap:10px;background:var(--el-fill-color-light);padding:4px 15px 4px 4px;border-radius:20px}.username{font-weight:600;color:var(--el-text-color-regular);font-size:14px}.menu-icon{color:var(--el-text-color-regular)}@media(max-width:768px){.header{padding:0 15px}.logo h2{font-size:18px}}.global-footer{width:100%;padding:.25rem 0;background-color:var(--el-bg-color);border-top:1px solid var(--el-border-color-light);text-align:center;margin-top:auto}.footer-content{color:var(--el-text-color-secondary);font-size:.875rem}.divider{margin:0 .5rem;color:var(--el-border-color)}.home-container{height:100%;background-color:var(--el-bg-color-page)}.main-body{height:100%;display:flex;overflow:hidden}@media(max-width:768px){.home-container,.main-body{height:auto;min-height:100vh;overflow:visible}}.left-aside{background:var(--el-bg-color);border-right:1px solid var(--el-border-color-light);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;white-space:nowrap}.left-aside::-webkit-scrollbar{width:0;height:0}.side-menu{border-right:none;padding-top:10px;flex:1}.main-content{width:100%;background-color:var(--el-bg-color-page);overflow-y:overlay;scrollbar-gutter:stable}@media(max-width:768px){.main-content{overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important;scrollbar-gutter:auto}}.sidebar-footer{padding:20px;text-align:center;display:flex;justify-content:center;gap:10px}.sidebar-footer .el-button{margin-left:0}.sidebar-footer.is-collapsed{flex-direction:column;align-items:center;padding:10px 0}.drawer-content{height:100%;display:flex;flex-direction:column}.login-container{margin:25px 0;display:flex;justify-content:center;align-items:center;flex:1;background:transparent;position:relative}.login-card{width:92%;max-width:400px;border-radius:16px;box-shadow:var(--glass-card-shadow);background:var(--glass-card-bg);backdrop-filter:blur(10px);border:none}.logo-container{text-align:center;margin-bottom:30px;padding-top:10px}.logo-container h2{margin:16px 0 8px;color:var(--el-text-color-primary);font-size:24px;font-weight:600}.subtitle{margin:0;color:var(--el-text-color-secondary);font-size:14px}.action-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.oauth-btn{width:100%;height:50px;font-size:16px;border-radius:8px;margin-left:0!important}.oauth-btn:hover,.oauth-btn:focus{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.footer-tips{margin-top:10px}@media(max-width:768px){.login-container{margin:15px 0;align-items:flex-start}}.callback-container{display:flex;justify-content:center;align-items:center;flex:1;background:transparent}.loading-card{width:92%;max-width:400px;border-radius:16px;background:var(--glass-card-bg);backdrop-filter:blur(10px)}.vault-card{border-radius:12px;border:1px solid var(--el-border-color-lighter);cursor:pointer;background-color:var(--el-bg-color);height:100%;display:flex;flex-direction:column}.vault-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a!important}.vault-list-wrapper .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.service-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin-right:10px}.service-name{margin:0;font-size:18px;color:var(--el-text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-card .el-card__body{flex:1;display:flex;flex-direction:column}.vault-name{color:var(--el-text-color-secondary);font-size:14px;margin:0 0 10px 24px;word-break:break-all}.more-icon{cursor:pointer;color:var(--el-text-color-secondary);padding:5px}.more-icon:hover{color:#409eff}.vault-card.is-selected{border:1px solid #409EFF;background-color:var(--vault-selected-bg)}.batch-text{color:var(--el-text-color-regular);font-size:14px}.code-display-area{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-left:24px;padding-top:15px}.code-left{display:flex;flex-direction:row;align-items:baseline;gap:10px}.current-code{font-size:24px;font-weight:700;color:#409eff;letter-spacing:2px;line-height:1;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:clip}.current-code[data-digits="8"]{font-size:20px;letter-spacing:0px}.next-code{font-size:16px;color:var(--el-text-color-secondary);font-family:monospace}.next-code[data-digits="8"]{font-size:14px;letter-spacing:0px}.timer-text{font-size:12px;color:var(--el-text-color-regular);font-weight:700;display:block;text-align:center}.el-progress__text{top:0;left:0;width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;min-width:30px}.qr-container{display:flex;flex-direction:column;align-items:center;text-align:center}.qr-info{margin-bottom:15px}.qr-service{margin:0 0 5px;font-size:20px;color:var(--el-text-color-primary)}.qr-account{margin:0;color:var(--el-text-color-secondary);font-size:14px}.qr-image-wrapper{margin:10px 0;padding:10px;background:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter)}.qr-code-img{display:block;width:200px;height:200px}.qr-tip{font-size:12px;color:var(--el-text-color-regular);margin:10px 0 20px}.secret-section{width:100%;margin-bottom:15px}.secret-box{display:flex;align-items:center;justify-content:space-between;background:var(--el-fill-color-light);padding:10px 15px;border-radius:6px;border:1px solid var(--el-border-color-light)}.secret-text{font-family:monospace;font-size:14px;color:var(--el-text-color-regular);letter-spacing:1px}.secret-actions{display:flex;gap:15px}.action-icon{cursor:pointer;font-size:16px;color:var(--el-text-color-secondary);transition:color .2s}.action-icon:hover{color:#409eff}.uri-link-wrapper{margin-top:5px}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.provider-card{height:100%}.backup-container .card-header{display:flex;justify-content:space-between;align-items:center}.provider-info{display:flex;align-items:center}.provider-title{display:flex;align-items:center;gap:8px;font-weight:700;flex-wrap:wrap}.status-text{font-size:13px;color:var(--el-text-color-regular);margin-bottom:15px}.action-buttons{display:flex;gap:10px}.form-tip{font-size:12px;color:var(--el-text-color-secondary);margin-top:5px}.success-tip{padding:10px;background-color:var(--success-tip-bg);border-radius:4px;color:var(--el-color-success);font-size:13px;display:flex;align-items:center;gap:8px;width:100%}.import-options,.export-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.import-options .el-button,.export-options .el-button{margin:0;justify-content:flex-start;padding-left:20px;height:auto;padding-top:15px;padding-bottom:15px}@media(max-width:768px){.import-options,.export-options{grid-template-columns:1fr}}.tools-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.tools-header .back-btn{padding:0;font-size:16px;margin-right:5px}.tools-header h2{margin:0;font-size:18px;font-weight:600;color:var(--el-text-color-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card{cursor:pointer;transition:all .3s;border:1px solid var(--el-border-color-lighter)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--el-box-shadow-light)}.tool-card-content{display:flex;align-items:center}.text-info{flex:1}.text-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.text-info p{margin:0;font-size:12px;color:var(--el-text-color-secondary);line-height:1.4}.tool-pane{max-width:600px;margin:0 auto;padding:10px 0}.time-sync-container{text-align:center}.clocks-wrapper{display:flex;gap:20px;margin-bottom:30px}.clock-card{flex:1;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--el-box-shadow-light)}.clock-card.local{border-top:4px solid #409EFF}.clock-card.server{border-top:4px solid #E6A23C}.clock-label{font-size:14px;color:var(--el-text-color-secondary);margin-bottom:10px}.clock-time{font-size:24px;font-weight:700;font-family:monospace;color:var(--el-text-color-primary)}.sync-details{background:var(--el-fill-color-light);padding:15px;border-radius:8px;margin-bottom:20px;text-align:left}.sync-details p{margin:5px 0;display:flex;justify-content:space-between;color:var(--el-text-color-regular)}.qr-parser-container{display:flex;flex-direction:column;align-items:center}.scan-area,.upload-area{width:100%;max-width:500px;margin-bottom:20px}.video-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;background-color:#000;box-shadow:0 8px 24px #00000026;line-height:0}.camera-placeholder,.image-preview{width:100%;height:250px;border:2px dashed var(--el-border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--el-fill-color-lighter);transition:border-color .3s;overflow:hidden}.camera-placeholder:hover,.image-preview:hover{border-color:#409eff}.camera-placeholder p,.upload-placeholder p{margin-top:10px;color:var(--el-text-color-secondary)}.preview-img{max-width:100%;max-height:100%;object-fit:contain}.result-section{width:100%}.result-box{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.password-display{font-family:monospace;font-size:20px;font-weight:700;color:var(--el-text-color-primary);word-break:break-all;margin-right:10px}.controls{background:var(--el-bg-color);padding:10px}.control-row{display:flex;align-items:center;margin-bottom:20px}.control-row.checkboxes{justify-content:space-between;flex-wrap:wrap}.control-row .label{min-width:60px;color:var(--el-text-color-regular)}@media(max-width:768px){.clocks-wrapper{flex-direction:column}.control-row.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.totp-layout{display:flex;flex-direction:column;gap:30px}.preview-top-section{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.preview-top-section{flex-direction:column;align-items:center}}.qr-wrapper{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--el-border-color);border-radius:8px;padding:10px;box-shadow:var(--el-box-shadow-light);flex-shrink:0}.qr-img{width:100%;height:100%}.uri-box{margin-top:15px;background:var(--el-fill-color-light);border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.uri-text{font-family:monospace;font-size:12px;color:var(--el-text-color-regular);word-break:break-all;line-height:1.4}.config-section{margin-bottom:25px}.section-title{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--el-text-color-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.meta-row{display:flex;gap:15px;flex-wrap:wrap}.meta-row .el-input{flex:1;min-width:200px}.advanced-row{display:flex;gap:10px}.label-text{font-size:14px;color:var(--el-text-color-regular);font-weight:500}.result-card{width:200px;height:200px;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:8px;padding:10px;box-shadow:var(--el-box-shadow-light);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.totp-code{font-size:32px;font-weight:700;color:#409eff;letter-spacing:6px;font-family:monospace;margin-bottom:5px;transition:filter .3s}.totp-code.blur{filter:blur(4px);opacity:.6}.totp-timer{font-size:14px;color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;gap:5px}.totp-timer.urgent{color:#f56c6c;font-weight:700}.tab-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}.input-label{margin-right:12px}.vault-unlock-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.unlock-card{width:100%;max-width:400px;text-align:center;border-radius:12px}.icon-wrapper{background:var(--el-color-primary-light-9);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.title{margin:0 0 10px;font-size:24px;color:var(--el-text-color-primary)}.form-container{display:flex;flex-direction:column;gap:15px}.error-msg{color:var(--el-color-danger);font-size:13px;text-align:left;padding-left:5px}.submit-btn{width:100%;margin-top:10px;font-weight:700}.reset-link{margin-top:15px}.qr-scanner-container{display:flex;flex-direction:column;align-items:center;width:100%}.scan-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;aspect-ratio:1;border:2px solid rgba(64,158,255,.8);box-shadow:0 0 0 4000px #0006;border-radius:12px;pointer-events:none}.scan-line{width:100%;height:2px;background-color:#409eff;box-shadow:0 0 10px #409eff;animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(0)}50%{transform:translateY(200px)}to{transform:translateY(0)}}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;cursor:pointer;transition:all .3s ease;border:none;border-radius:12px}.upload-placeholder:hover{color:var(--el-color-primary)}@media(max-width:768px){.el-dialog{width:90%!important}.tab-card-wrapper{padding:20px}}html.dark{--glass-card-bg: rgba(30, 30, 30, .6);--glass-card-shadow: 0 12px 32px rgba(0, 0, 0, .5);--github-btn-bg: #000000;--github-btn-border: var(--el-border-color-light);--success-tip-bg: var(--el-fill-color-light)}