:root{--background: #FAFAFA;--foreground: #0F172A;--muted: #F1F5F9;--muted-foreground: #64748B;--accent: #0052FF;--accent-secondary: #4D7CFF;--accent-hover: #0046CC;--accent-foreground: #FFFFFF;--border: #E2E8F0;--card: #FFFFFF;--ring: #0052FF;--ink: #0F172A;--body: #64748B;--body-strong: #334155;--mute: #94A3B8;--canvas: #FFFFFF;--canvas-soft: #FAFAFA;--canvas-soft2: #F1F5F9;--hairline: #E2E8F0;--hairline-strong: #CBD5E1;--link: #0052FF;--link-deep: #0039D6;--error: #DC2626;--error-soft: #FEE2E2;--success: #0052FF;--green: #10B981;--green-soft: #D1FAE5;--warning: #F59E0B;--warning-soft: #FEF3C7;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 100px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.08);--shadow-xl: 0 20px 25px rgba(0,0,0,.1);--shadow-accent: 0 4px 14px rgba(0,82,255,.25);--shadow-accent-lg: 0 8px 24px rgba(0,82,255,.35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Geist Sans,Noto Sans SC,-apple-system,system-ui,sans-serif;background:var(--background);color:var(--body-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted-foreground);font-size:14px;background:var(--background)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--background);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(0,82,255,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(77,124,255,.04) 0%,transparent 50%);pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 36px;box-shadow:var(--shadow-xl);animation:fadeInUp .7s ease-out;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:36px}.login-header h1{font-size:28px;font-weight:700;letter-spacing:-1.12px;color:var(--foreground);font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei UI,sans-serif}.login-header p{margin-top:10px;color:var(--muted-foreground);font-size:14px;line-height:1.5}.login-footer{margin-top:20px;text-align:center}.switch-btn{background:none;border:none;color:var(--link);font-size:14px;cursor:pointer;padding:8px;transition:opacity .15s}.switch-btn:hover{opacity:.7}.field{margin-bottom:24px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--body-strong)}.field input,.field select{width:100%;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);font-size:14px;font-family:inherit;outline:none;transition:all .2s ease-out}.field input::placeholder,.field select::placeholder{color:var(--muted-foreground)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.error{background:var(--error-soft);color:var(--error);padding:12px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:20px;border:1px solid rgba(220,38,38,.2);animation:fadeIn .3s ease-out}button[type=submit]{width:100%;height:44px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease-out;box-shadow:var(--shadow-accent);position:relative;overflow:hidden}button[type=submit]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);opacity:0;transition:opacity .3s ease-out}button[type=submit]:hover:before{opacity:1}button[type=submit]:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent-lg)}button[type=submit]:active{transform:translateY(0) scale(.98)}button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button[type=submit] span{position:relative;z-index:1}.home-page{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.home-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-title{cursor:pointer;transition:opacity .2s}.header-title:hover{opacity:.7}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:8px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease-out}.hamburger:hover{background:var(--muted)}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.hamburger-line{display:block;width:18px;height:2px;background:var(--foreground);border-radius:2px;transition:all .2s ease-out}.sidebar-wrapper{flex-shrink:0;flex-grow:0;width:0;transition:width .3s ease-out;align-self:stretch}.sidebar-wrapper.open{width:220px;display:flex;overflow:hidden}.sidebar-overlay{display:none}.home-header h1{font-size:16px;font-weight:700;letter-spacing:-.32px;color:var(--foreground);font-family:Plus Jakarta Sans,PingFang SC,sans-serif}.header-right{display:flex;align-items:center;gap:16px}.home-body{display:flex;flex:1;min-height:0;height:calc(100vh - 64px)}.sidebar{width:100%;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-nav{flex:1 1 auto;padding:0 12px;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--muted-foreground);cursor:pointer;text-decoration:none;transition:all .2s ease-out;-webkit-user-select:none;user-select:none;margin-bottom:4px}.sidebar-item:first-child{margin-top:0}.sidebar-group:last-child .sidebar-item{margin-bottom:16px}.sidebar-item:hover{background:var(--muted);color:var(--foreground)}.sidebar-item.active{background:linear-gradient(135deg,#0052ff1a,#4d7cff0d);color:var(--accent);font-weight:600}.sidebar-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-icon svg{width:18px;height:18px}.sidebar-label{white-space:nowrap}.sidebar-arrow{margin-left:auto;font-size:10px;color:var(--muted-foreground);transition:transform .2s ease-out}.sidebar-group{margin-bottom:4px}.sidebar-sub{padding-left:8px;margin-top:4px}.sub-item{font-size:13px;padding:8px 12px}.sidebar-role{position:absolute;top:12px;right:12px}.role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:-.12px;transition:all .2s ease-out}.role-badge.admin{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);box-shadow:var(--shadow-accent)}.role-badge.user{background:var(--muted);color:var(--muted-foreground)}.home-main{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;background:var(--background);height:100%;scrollbar-width:none}.home-main::-webkit-scrollbar{display:none}.user-area{position:relative;display:flex;align-items:center;gap:10px}.tdx-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.tdx-toggle-label{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.04em}.tdx-toggle-input{display:none}.tdx-toggle-track{display:inline-block;width:32px;height:18px;background:var(--border);border-radius:9px;position:relative;transition:background .2s ease}.tdx-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--canvas);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.tdx-toggle-input:checked+.tdx-toggle-track{background:var(--accent)}.tdx-toggle-input:checked+.tdx-toggle-track:after{transform:translate(14px)}.user-menu{display:flex;flex-direction:column;align-items:flex-end;gap:2px;cursor:pointer;padding:6px 12px;border-radius:var(--radius-md);transition:all .2s ease-out;border:1px solid transparent}.user-menu:hover{background:var(--muted);border-color:var(--border)}.user-name{font-size:13px;font-weight:600;color:var(--foreground);letter-spacing:-.13px}.user-role{font-size:11px;font-weight:500;color:#fff;padding:1px 6px;border-radius:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);letter-spacing:-.11px}.dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden;animation:fadeInUp .2s ease-out}.dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--body-strong);font-size:13px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;transition:all .15s ease-out}.dropdown button:hover{background:var(--muted);color:var(--foreground)}.dropdown button:not(:last-child){border-bottom:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-out}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease-out}.image-modal-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:flex;align-items:center;justify-content:center}.image-modal-img{width:50vw;flex-shrink:0;border-radius:8px;box-shadow:0 8px 32px #0006;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-modal-img{width:50vw;border-radius:8px;box-shadow:0 8px 32px #0006;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-modal-zoom-hint{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff80;white-space:nowrap;pointer-events:none}.image-modal-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-modal-close:hover{background:#fff3}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:fadeInUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.modal-header h2{font-size:18px;font-weight:700;letter-spacing:-.36px;color:var(--foreground);font-family:Plus Jakarta Sans,PingFang SC,sans-serif}.modal-close{background:none;border:none;font-size:20px;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease-out;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--muted);color:var(--foreground)}.modal-body{padding:24px 28px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 28px 28px;background:linear-gradient(to top,rgba(250,250,250,.5) 0%,transparent 100%)}.btn-primary{min-width:100px;padding:10px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease-out;box-shadow:var(--shadow-accent);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);color:var(--accent-foreground);transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.btn-primary:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-accent)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:var(--muted-foreground)}.btn-ghost{min-width:80px;padding:10px 20px;background:var(--card);color:var(--body-strong);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-ghost:hover{background:var(--muted);border-color:var(--hairline-strong);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0) scale(.98)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;transform:none;border-color:var(--hairline-strong)}.success-msg{text-align:center;color:var(--green);font-size:14px;font-weight:600;padding:20px 0}.page-content{width:100%;flex:1}.page-content h2{font-size:24px;font-weight:700;letter-spacing:-.96px;color:var(--foreground);margin-bottom:28px;font-family:Plus Jakarta Sans,PingFang SC,sans-serif}.page-content h3{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:12px}.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-top h2{margin-bottom:0}.page-loading,.page-error{text-align:center;padding:48px 0;color:var(--muted-foreground);font-size:14px}.page-error{color:var(--error)}.page-notice{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-lg);color:#92400e;font-size:14px;font-weight:500;box-shadow:0 4px 12px #f59e0b4d;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}#page-notice-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 20px;background:linear-gradient(135deg,#dbeafe,#93c5fd);border:1px solid #3b82f6;border-radius:var(--radius-md);color:#1e40af;font-size:13px;font-weight:500;box-shadow:0 4px 12px #3b82f64d;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;white-space:nowrap}.page-notice{padding:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-md);color:#92400e;font-size:14px;font-weight:500;margin-bottom:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:28px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .3s ease-out;cursor:pointer}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--hairline-strong)}.card-icon{font-size:24px;margin-bottom:12px}.card-name{font-size:15px;font-weight:600;color:var(--foreground);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{font-size:13px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.card-actions{display:flex;gap:8px;margin-top:16px}.btn-sm{padding:5px 14px;font-size:12px;font-weight:500;font-family:inherit;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--body-strong);transition:all .2s ease-out}.btn-sm:hover{background:var(--canvas-soft2);color:var(--foreground);border-color:var(--hairline-strong)}.btn-danger{color:var(--error);border-color:transparent}.btn-danger:hover{background:var(--error-soft);color:var(--error);border-color:#dc262633}.empty{text-align:center;padding:48px 0;color:var(--muted-foreground);font-size:14px}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:14px 18px;text-align:left}.data-table th{font-weight:600;color:var(--muted-foreground);font-size:12px;letter-spacing:-.12px;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--border)}.data-table td{color:var(--body-strong);border-bottom:1px solid var(--border)}.data-table tbody tr{transition:all .2s ease-out}.data-table tbody tr:hover{background-color:var(--muted)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td .btn-sm{margin-right:8px}.info-card,.settings-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted-foreground);flex-shrink:0;font-size:13px;font-weight:500}.info-value{color:var(--foreground);text-align:right;word-break:break-all;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:-.11px}.status-badge.active{background:#0052ff1a;color:var(--accent)}.status-badge.inactive{background:var(--error-soft);color:var(--error)}.role-select{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:inherit;outline:none;background:var(--card);color:var(--foreground);cursor:pointer;transition:all .2s ease-out}.role-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted-foreground)}.color-picker{display:flex;align-items:center;gap:10px}.color-picker input[type=color]{width:32px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:transparent}.member-list{list-style:none;padding:0}.member-list li{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--body-strong)}@media (max-width: 768px){.home-header{padding:0 16px;height:56px}.header-left{display:flex;align-items:center;gap:12px}.sidebar-wrapper{display:none}.sidebar-wrapper.open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:150}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:151}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:280px!important;max-height:none!important;min-height:100vh!important;background:var(--card)!important;border-right:1px solid var(--border)!important;box-shadow:2px 0 12px #00000026!important;z-index:152!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;overflow:visible!important}.sidebar-nav{padding:0 12px!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:0!important;background:var(--card)!important}.sidebar-item{font-size:15px;padding:12px 16px;margin-top:4px;margin-bottom:4px}.sidebar-item:first-child{margin-top:0}.sidebar-group:last-child .sidebar-item{margin-bottom:16px}.sidebar-icon{font-size:18px;width:22px}.sidebar-sub{padding-left:12px}.sidebar-sub .sidebar-item{font-size:14px;padding:10px 14px}.sidebar-label{font-size:inherit}.sidebar-group{display:flex;flex-direction:column}.home-main{padding:0}.card-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:10px 12px;font-size:13px}.info-row{flex-direction:column;align-items:flex-start;gap:6px}.info-value{text-align:left}.page-content h2{font-size:20px}.modal-card{max-width:calc(100vw - 32px);margin:0 16px}.modal-footer{padding:16px 20px 24px;gap:10px}.btn-primary{min-width:90px;padding:9px 18px;font-size:13px}.btn-ghost{min-width:70px;padding:9px 16px;font-size:13px}.login-card{padding:36px 24px}.login-header h1{font-size:24px}}.user-cell{display:flex;align-items:center;gap:10px}.avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--accent-foreground)}.admin-badge{font-size:10px;padding:3px 8px;background:#0052ff1a;color:var(--accent);border-radius:var(--radius-pill);font-weight:600;letter-spacing:-.1px}.disabled-text{font-size:12px;color:var(--muted-foreground)}.edit-name{display:flex;align-items:center;gap:8px}.edit-input{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;outline:none;width:200px;transition:all .2s ease-out}.edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.edit-btn{margin-left:8px}.group-name{display:flex;align-items:center;gap:8px}.lock-icon{font-size:14px;color:var(--muted-foreground)}.sync-badge{font-size:10px;padding:3px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-pill);font-weight:500}.action-buttons{display:flex;gap:6px}.edit-cell{display:flex;align-items:center;gap:8px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--foreground)}.back-btn{display:flex;align-items:center;gap:8px;background:var(--muted);border:1px solid var(--border);color:var(--body-strong);font-size:13px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:var(--radius-md);transition:all .2s ease-out}.back-btn:hover{background:var(--canvas-soft2);color:var(--foreground);border-color:var(--hairline-strong)}.breadcrumb-separator{color:var(--muted-foreground);font-size:14px;font-weight:500}.breadcrumb-title{font-weight:600;color:var(--foreground)}.member-select-list{max-height:300px;overflow-y:auto}.member-select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);transition:all .2s ease-out}.member-name{flex:1;font-weight:500;color:var(--foreground)}.member-info-cell{flex:1;display:flex;flex-direction:column;margin-left:10px}.member-join-time{font-size:11px;color:var(--muted-foreground);margin-top:2px}.avatar-placeholder.small{width:24px;height:24px;font-size:11px}.add-member-header{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;outline:none;transition:all .2s ease-out}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.selection-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--muted);border-radius:var(--radius-md);margin-bottom:16px}.select-all-row{padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:8px}.member-select-item.selected{background-color:#0052ff14}.member-email{flex:1;text-align:right;font-size:12px;color:var(--muted-foreground)}.more-btn{background:transparent;border:none;color:var(--muted-foreground);font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:all .2s ease-out}.more-btn:hover{color:var(--foreground);background:var(--muted)}.more-menu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:140px;z-index:100;animation:fadeInUp .2s ease-out}.more-menu button{display:block;width:100%;padding:10px 14px;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--body-strong);transition:all .15s ease-out}.more-menu button:hover{background-color:var(--muted);color:var(--foreground)}.query-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;transition:all .3s ease-out}.query-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.query-name{font-size:17px;font-weight:600;color:var(--foreground);margin-bottom:10px}.query-desc{font-size:14px;color:var(--muted-foreground);margin-bottom:14px;line-height:1.6}.query-meta{display:flex;gap:16px;font-size:12px;color:var(--muted-foreground)}.query-version{padding:4px 12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border-radius:var(--radius-pill);font-size:11px;font-weight:600}.query-actions{display:flex;gap:10px;flex-shrink:0}.result-content{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;font-size:13px;line-height:1.6;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.member-select-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--hairline)}.member-name{flex:1;margin-left:8px}.avatar-placeholder.small{width:20px;height:20px;font-size:10px}.add-member-header{display:flex;gap:12px;margin-bottom:16px}.search-input{flex:1;height:40px;padding:0 12px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:14px;outline:none}.search-input:focus{border-color:var(--link)}.selection-bar{display:flex;align-items:center;gap:12px;padding:12px;background:var(--canvas-soft);border-radius:var(--radius-sm);margin-bottom:12px}.select-all-row{padding:8px 0;border-bottom:1px solid var(--hairline);margin-bottom:4px}.member-select-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--hairline);transition:background-color .12s}.member-select-item:hover{background-color:var(--canvas-soft)}.member-select-item.selected{background-color:#0070f314}.member-select-item:last-child{border-bottom:none}.member-email{flex:1;text-align:right;font-size:12px}.more-actions{position:relative;display:inline-block}.more-btn{background:transparent;border:none;color:var(--mute);font-size:18px;cursor:pointer;padding:0 8px;line-height:1}.more-btn:hover{color:var(--ink);background:transparent}.more-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:0 2px 2px #0000000a,0 8px 16px -4px #0000000a;min-width:120px;z-index:100}.more-menu button{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;color:var(--body);transition:background-color .12s}.more-menu button:hover{background-color:var(--canvas-soft);color:var(--ink)}.more-menu button.danger{color:var(--error)}.more-menu button.danger:hover{background-color:var(--error-soft)}.query-list{display:flex;flex-direction:column;gap:16px}.query-item{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .2s}.query-item:hover{box-shadow:0 4px 12px #00000014}.query-info{flex:1}.query-name{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}.query-desc{font-size:14px;color:var(--body);margin-bottom:12px;line-height:1.5}.query-meta{display:flex;gap:16px;font-size:13px;color:var(--mute)}.query-version{padding:2px 8px;background:var(--link);color:#fff;border-radius:var(--radius-sm);font-size:12px}.query-actions{display:flex;gap:8px;flex-shrink:0}.result-content{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;font-size:13px;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.query-item{flex-direction:column}.query-actions{width:100%;justify-content:flex-end}}.cailian-article-list{display:flex;flex-direction:column;gap:16px}.cailian-article-item{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.cailian-article-item:hover{box-shadow:0 4px 12px #00000014}.cailian-article-item.locked{border-color:var(--border)}.article-main{padding:20px;cursor:pointer}.article-header{margin-bottom:12px}.article-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.article-title-row{flex:1;margin-right:12px}.article-title{font-size:16px;font-weight:600;color:var(--ink);margin:0;line-height:1.4}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{font-size:11px;font-weight:500;padding:2px 8px;background:linear-gradient(135deg,#0052ff1a,#4d7cff0f);color:var(--accent);border-radius:var(--radius-pill);border:1px solid rgba(0,82,255,.15)}.article-date{font-size:13px;color:var(--mute);white-space:nowrap}.article-summary{font-size:15px;color:var(--body-strong);line-height:1.8;margin:0;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);word-wrap:break-word;text-align:justify;max-height:600px;overflow-y:auto}.article-content-html{font-size:15px;color:var(--body-strong);line-height:1.8}.article-content-html p{margin:0 0 16px;text-indent:2em}.article-content-html p:last-child{margin-bottom:0}.article-content-html strong,.article-content-html b{font-weight:700;color:var(--foreground)}.article-content-html em,.article-content-html i{font-style:italic}.article-content-html h1,.article-content-html h2,.article-content-html h3,.article-content-html h4{margin-top:24px;margin-bottom:12px;font-weight:700;color:var(--foreground);font-family:Plus Jakarta Sans,PingFang SC,sans-serif;text-indent:0}.article-content-html h1{font-size:22px;letter-spacing:-.88px}.article-content-html h2{font-size:20px;letter-spacing:-.8px}.article-content-html h3{font-size:18px;letter-spacing:-.72px}.article-content-html h4{font-size:16px;letter-spacing:-.64px}.article-content-html ul,.article-content-html ol{margin:12px 0;padding-left:24px}.article-content-html li{margin:6px 0;line-height:1.6}.article-content-html a{color:var(--accent);text-decoration:none}.article-content-html a:hover{text-decoration:underline}.article-image-detail{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.article-image-detail img{max-width:100%;height:auto;border-radius:8px;cursor:pointer}.article-content-html code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;background:var(--muted);padding:2px 6px;border-radius:4px}.article-content-html pre{background:var(--muted);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0}.article-content-html blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:12px 0;color:var(--muted-foreground);font-style:italic}.article-content-html hr{border:none;border-top:1px solid var(--border);margin:20px 0}.article-content-html table{width:100%;border-collapse:collapse;margin:12px 0}.article-content-html th,.article-content-html td{padding:8px 12px;border:1px solid var(--border);text-align:left}.article-content-html th{background:var(--muted);font-weight:600}.article-purchase{display:flex;align-items:center;gap:12px;margin-top:12px}.price-tag{font-size:16px;font-weight:600;color:var(--error)}.lock-hint{font-size:13px;color:var(--mute)}.article-purchased{margin-top:12px}.purchased-badge{display:inline-block;font-size:12px;padding:4px 12px;background:var(--green-bg);color:var(--green);border-radius:var(--radius-sm)}.article-locked-content{position:relative;border-top:1px solid var(--hairline);padding:20px}.locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fffffff2,#fffffffa);display:flex;align-items:center;justify-content:center;z-index:10}.locked-content-inner{text-align:center;padding:24px}.locked-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px}.locked-desc{font-size:13px;color:var(--mute);margin-bottom:12px}.locked-price{font-size:18px;font-weight:600;color:var(--error);margin-bottom:16px}.purchase-btn{padding:10px 24px;background:var(--link);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:background .15s}.purchase-btn:hover{background:var(--link-deep);color:#fff}.article-preview{font-size:14px;color:var(--body);line-height:1.6;filter:blur(3px);-webkit-user-select:none;user-select:none}.article-full-content{padding:20px;border-top:1px solid var(--border);background:var(--muted)}.article-full-content p{font-size:15px;color:var(--foreground);line-height:1.8;white-space:pre-wrap;word-wrap:break-word;margin:0 0 16px}.article-full-content p:last-child{margin-bottom:0}.article-images{padding:16px 20px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:12px}.article-image{width:100%;max-width:100%;border-radius:var(--radius-sm);object-fit:cover}@media (max-width: 768px){.cailian-article-list{gap:0}.cailian-article-item{border-radius:0;border-left:none;border-right:none}.article-main{padding:16px 12px}.article-header{margin-bottom:10px}.article-top-row{margin-bottom:6px}.article-title-row{margin-right:0}.article-title{font-size:15px}.article-tags{gap:4px}.article-tag{font-size:10px;padding:2px 6px}.article-date{font-size:12px}.article-summary{padding:16px 12px;font-size:14px;line-height:1.7;max-height:400px;border-radius:0;border-left:none;border-right:none}.article-content-html{font-size:14px}.article-content-html h1{font-size:20px}.article-content-html h2{font-size:18px}.article-content-html h3{font-size:16px}.article-content-html h4{font-size:15px}.locked-overlay{position:relative;background:var(--card);border-top:1px solid var(--border)}.locked-content-inner{padding:16px}}.query-library-page{display:flex;min-height:600px;height:calc(100vh - 112px);width:100%}.ql-left-nav{width:264px;height:100%;border-right:1px solid var(--hairline);display:flex;flex-direction:column;background:var(--canvas)}.ql-left-nav-header{display:flex;gap:8px;margin-top:0;padding:16px;height:64px}.ql-search-input{width:154px;height:32px;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:13px;outline:none}.ql-search-input:focus{border-color:var(--link)}.ql-create-btn{height:32px;width:70px;padding:4px 12px;display:flex;align-items:center;justify-content:center;background:var(--link);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit}.ql-create-btn:hover{background:var(--link-deep);color:#fff}.ql-create-btn:disabled{background:var(--mute);cursor:not-allowed}.ql-left-nav-body{height:calc(100% - 80px);display:flex;flex-direction:column}.ql-nav-title{font-weight:500;font-size:13px;color:var(--mute);line-height:13px;padding:0 16px;margin-bottom:6px}.ql-query-list{height:calc(100% - 19px);overflow-y:auto}.ql-query-item{height:80px;padding:0 16px;cursor:pointer;border-bottom:1px solid var(--canvas-soft2)}.ql-query-item:hover{background-color:#0070f30d}.ql-query-item.selected{background-color:#0070f314}.ql-query-item-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:8px 0 12px}.ql-query-item-top{display:flex;height:20px;justify-content:space-between;align-items:center}.ql-query-type{display:flex;align-items:center;color:var(--mute);font-size:13px;gap:8px}.ql-query-icon{width:24px;height:24px;background:var(--canvas-soft2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px}.ql-query-name-display{font-weight:500;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-query-time{color:var(--mute);font-size:13px;line-height:13px}.ql-query-menu-btn{cursor:pointer;color:var(--mute);font-size:18px;padding:4px}.ql-query-menu-btn:hover{background:var(--canvas-soft2);border-radius:4px}.ql-query-menu-dropdown{position:absolute;right:16px;top:24px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;z-index:100;min-width:120px}.ql-query-menu-item{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--body)}.ql-query-menu-item:hover{background:var(--canvas-soft2)}.ql-query-menu-item.delete{color:var(--error)}.ql-right-content{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--canvas)}.ql-editor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 36px 0 16px;border-bottom:1px solid var(--hairline);height:95px}.ql-header-left{display:flex;flex-direction:column}.ql-query-title-input{font-size:18px;font-weight:500;border:none;outline:none;background:transparent;width:252px;color:var(--ink);font-family:inherit}.ql-query-title-input:hover{background-color:var(--canvas-soft2)}.ql-query-title-input:focus{background-color:var(--canvas-soft2);border:1px solid var(--link);padding:2px;margin:-2px}.ql-query-meta{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--mute);margin-top:8px}.ql-header-right{display:flex;align-items:center;gap:12px}.ql-menu-btn{width:32px;height:32px;border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--canvas);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:inherit}.ql-menu-btn:hover{background-color:var(--canvas-soft2)}.ql-run-btn{height:32px;width:80px;padding:4px 12px;display:flex;align-items:center;justify-content:center;background:var(--link);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit}.ql-run-btn:hover{background:var(--link-deep);color:#fff}.ql-run-btn:disabled{background:var(--mute);cursor:not-allowed}.ql-editor-body{position:relative;display:flex;height:calc(100% - 95px);width:100%}.ql-editor-left{position:relative;padding:16px 16px 80px;flex-grow:1;width:calc(100% - 297px);overflow-y:auto}.ql-editor-right{height:100%;width:297px;display:flex;flex-direction:column;flex-shrink:0;border-left:1px solid var(--hairline);overflow-y:auto}.ql-section{margin-bottom:20px;padding:16px;background:var(--canvas-soft);border-radius:var(--radius-sm)}.ql-section-title{font-size:13px;font-weight:500;color:var(--mute);margin-bottom:12px}.ql-form-item{margin-bottom:16px}.ql-form-label{font-size:13px;color:var(--ink);margin-bottom:8px;display:block}.ql-form-input{width:100%;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box;font-family:inherit;outline:none;color:var(--ink)}.ql-form-input:focus{border-color:var(--link)}.ql-form-select{width:100%;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box;font-family:inherit;outline:none;color:var(--ink);background:var(--canvas)}.ql-form-select:focus{border-color:var(--link)}.ql-form-textarea{width:100%;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box;min-height:100px;resize:vertical;font-family:inherit;outline:none;color:var(--ink)}.ql-form-textarea:focus{border-color:var(--link)}.ql-muted-text{color:var(--mute);font-size:13px;margin:0}.ql-result-panel{border-top:1px solid var(--hairline);padding:16px;max-height:400px;overflow-y:auto}.ql-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ql-result-title{font-size:14px;font-weight:500;color:var(--ink)}.ql-close-btn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--mute)}.ql-result-content{background:var(--canvas-soft2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:300px;overflow-y:auto;color:var(--body)}.ql-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ql-modal{background:var(--canvas);border-radius:var(--radius-md);width:600px;max-width:90vw;box-shadow:0 2px 2px #0000000a,0 8px 16px -4px #0000000a,0 24px 32px -8px #0000000f}.ql-modal-header{padding:20px 24px;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center}.ql-modal-title{font-size:16px;font-weight:600;color:var(--ink)}.ql-modal-close{border:none;background:none;font-size:20px;cursor:pointer;color:var(--mute)}.ql-modal-body{padding:24px}.ql-form-radio-group{display:flex;flex-direction:column;gap:12px}.ql-form-radio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--body)}.ql-modal-footer{padding:16px 24px;border-top:1px solid var(--hairline);display:flex;justify-content:flex-end;gap:12px}.ql-create-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ql-create-panel-content{background:var(--canvas);border-radius:var(--radius-md);width:800px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 2px 2px #0000000a,0 8px 16px -4px #0000000a,0 24px 32px -8px #0000000f}.ql-create-panel-header{padding:20px 24px;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center}.ql-create-panel-body{padding:24px}.ql-datasource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ql-datasource-card{padding:20px;border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all .2s}.ql-datasource-card:hover{border-color:var(--link);background:#0070f30d}.ql-datasource-card-icon{font-size:40px;margin-bottom:12px}.ql-datasource-card-name{font-size:14px;font-weight:500;color:var(--ink)}.ql-history-sider{width:252px;border-right:1px solid var(--hairline);display:flex;flex-direction:column}.ql-history-header{height:45px;padding:16px;color:var(--mute);font-size:13px;border-bottom:1px solid var(--hairline)}.ql-history-list{flex:1;overflow-y:auto;padding:8px}.ql-history-item{padding:12px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:4px}.ql-history-item:hover{background:#0070f30d}.ql-history-item.selected{background:#0070f314}.ql-history-version{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:4px}.ql-history-time{font-size:12px;color:var(--mute);margin-bottom:4px}.ql-history-message{font-size:12px;color:var(--mute)}.ql-history-content{flex:1;display:flex;flex-direction:column}.ql-history-editor-body{flex:1;display:flex;flex-direction:row}.ql-readonly-tag{display:inline-block;padding:2px 8px;background:#0070f314;color:var(--link);font-size:12px;border-radius:2px;margin-left:8px}.ql-dropdown-menu{position:absolute;right:0;top:100%;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;z-index:100;min-width:140px}.ql-dropdown-item{padding:8px 16px;cursor:pointer;font-size:13px;color:var(--body)}.ql-dropdown-item:hover{background:var(--canvas-soft2)}.ql-dropdown-item.delete{color:var(--error)}.ql-menu-container{position:relative}.ql-add-param-btn{width:auto;padding:0 16px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--link);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit}.ql-add-param-btn:hover{background:var(--link-deep);color:#fff}.ql-error-text{color:var(--error)}.ql-title-row{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--ink)}.ql-remove-row-btn{width:28px;height:28px;border:none;background:none;color:var(--mute);cursor:pointer;font-size:14px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ql-remove-row-btn:hover{color:var(--error);background:var(--error-soft)}.ql-input-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.ql-input-header{display:flex;align-items:center;gap:6px}.ql-input-header .ql-form-input{flex:1}.ql-template-ref{display:inline-block;padding:2px 6px;background:#0070f31a;color:var(--link);font-size:12px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;flex-shrink:0}.ql-template-preview{display:inline}.ql-template-resolved-value{display:inline;color:var(--link);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0070f314;padding:1px 3px;border-radius:2px}.ql-template-unresolved{display:inline;color:var(--error);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ef44441a;padding:1px 3px;border-radius:2px}.ql-template-hint{font-size:12px;color:var(--link);padding:2px 0}.ql-template-hint-text{color:var(--body);font-size:inherit}.ql-value-cell{flex:2;display:flex;flex-direction:column;gap:2px}.ql-value-cell .ql-form-input{width:100%}@media (max-width: 1024px){.ql-body-right{width:200px}}@media (max-width: 768px){.ql-left{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:0;z-index:900;transform:translate(-100%);transition:transform .25s ease-out;border-right:1px solid var(--border)}.ql-left.ql-left-open{transform:translate(0)}.ql-left-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:899}.ql-mobile-back{display:inline-flex}.query-library-page{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.ql-left-header{padding:8px 12px}.ql-new-btn{padding:6px 10px;font-size:12px;margin-bottom:8px}.ql-search-input{padding:6px 10px;font-size:12px}.ql-query-list{padding:4px;flex:1;overflow-y:auto}.ql-query-item{padding:6px 8px}.ql-query-name{font-size:12px}.ql-right{flex:1;overflow-y:auto}.ql-editor-header{padding:8px 12px}.ql-title-input{font-size:14px}.ql-editor-body{flex-direction:column}.ql-body-left{padding:10px;flex:none}.ql-body-right{width:100%;border-left:none;border-top:1px solid var(--border);padding:10px}.ql-section{padding:10px;margin-bottom:10px}.ql-section-title{font-size:12px;margin-bottom:8px}.ql-form-item{margin-bottom:8px}.ql-run-btn{padding:6px 12px;font-size:12px}.ql-create-content{width:95%;max-width:95%;padding:16px}.ql-ds-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ql-ds-item{padding:12px}.ql-modal-content{width:95%;padding:16px}.ql-version-buttons{flex-wrap:wrap}.ql-history-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:800;background:var(--canvas)}}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}@media (max-width: 600px){.apps-grid{grid-template-columns:1fr}.app-card{width:100%;min-width:auto}}.section-header{display:flex;align-items:center;gap:16px}.header-decoration{width:4px;height:28px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px;box-shadow:0 0 12px #0052ff4d}.section-title{font-size:24px;font-weight:700;letter-spacing:-.96px;color:var(--foreground);font-family:Plus Jakarta Sans,PingFang SC,sans-serif;margin:0}.tcl-app-datebar{margin-left:auto;display:flex;align-items:center}.tcl-app-datepicker{height:28px;font-size:13px;padding:0 8px;border:1px solid var(--border);border-radius:4px;text-align:right;background:var(--card);color:var(--foreground);cursor:pointer}.tcl-app-datepicker:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0052ff26}.app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;cursor:pointer;transition:all .3s ease-out;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden;min-height:60px}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease-out}.app-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--hairline-strong)}.app-card:hover:before{opacity:1}.app-card:active{transform:translateY(-2px) scale(.98)}.app-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0052ff14,#4d7cff0a);border-radius:var(--radius-sm);flex-shrink:0;transition:all .3s ease-out}.app-icon svg{width:18px;height:18px;color:var(--accent)}.app-card:hover .app-icon{background:linear-gradient(135deg,#0052ff26,#4d7cff14);transform:scale(1.05)}.app-header{display:flex;align-items:flex-start;justify-content:flex-start;gap:6px}.app-info{flex:1;min-width:0}.app-title-row{display:flex;align-items:center;gap:6px}.app-title{font-size:13px;font-weight:600;color:var(--foreground);margin:0;letter-spacing:-.2px;font-family:Plus Jakarta Sans,PingFang SC,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:15px}.app-description{font-size:11px;color:var(--muted-foreground);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px;max-height:28px}.app-status{padding:2px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:600;flex-shrink:0}.app-status.active{background:#10b9811a;color:var(--green)}.app-status.expired{background:#dc26261a;color:var(--error)}.app-card-divider{height:1px;background:var(--border);margin:2px 0}.app-card-footer{display:flex;align-items:center;gap:4px;width:100%;padding:0;line-height:1}.app-expire-info{font-size:10px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.app-expire-info.expired{color:var(--error)}.app-expire-info.unlimited{color:var(--green)}.app-arrow{margin-left:auto;color:var(--accent);opacity:.7;transition:opacity .2s ease-out}.app-card:hover .app-arrow{opacity:1}.app-expired{opacity:.55;cursor:not-allowed}.app-expired:hover{box-shadow:none;transform:none;border-color:var(--border)}.app-expired:hover:before{opacity:0}.app-expired:hover .app-icon{background:linear-gradient(135deg,#0052ff14,#4d7cff0a);transform:none}.status-badge.free{background:#10b9811a;color:#10b981}.group-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.group-checkbox-item{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}.linked-groups{display:inline-flex;gap:4px;flex-wrap:wrap}.linked-group-tag{font-size:11px;background:#0052ff14;color:var(--accent);padding:1px 6px;border-radius:4px}.app-time{font-size:12px;color:var(--muted-foreground);display:flex;align-items:center;gap:4px}.app-time:before{content:"🕐";font-size:12px}.app-badge{font-size:11px;font-weight:600;padding:3px 10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border-radius:var(--radius-pill);letter-spacing:-.11px}.empty-state{text-align:center;padding:80px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl)}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state p{font-size:15px;color:var(--muted-foreground);margin:0 0 8px}.empty-hint{font-size:13px!important;color:var(--muted-foreground)!important;opacity:.8}@media (max-width: 768px){.apps-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.app-card{padding:8px;min-height:auto}.app-card-inner{padding:16px}.app-icon{width:40px;height:40px}.app-icon svg{width:18px;height:18px}.app-title{font-size:14px}.app-description{font-size:12px}.app-card-divider{margin:12px 0}.app-expire-info{font-size:11px}.app-arrow{width:28px;height:28px}}.app-detail-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}.app-title-section{display:flex;align-items:center;gap:12px}.app-icon-large{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0052ff1f,#4d7cff0f);border-radius:var(--radius-lg);flex-shrink:0;box-shadow:inset 0 1px #ffffff80,0 2px 8px #0052ff1a;transition:all .3s ease-out}.app-icon-large:hover{background:linear-gradient(135deg,#0052ff2e,#4d7cff1a);transform:scale(1.05);box-shadow:inset 0 1px #ffffff80,0 4px 16px #0052ff26}.app-icon-large svg{width:32px;height:32px;color:var(--accent)}.app-title-section h2{font-size:16px;font-weight:600;letter-spacing:-.32px;color:var(--foreground);margin:0 0 2px;font-family:Plus Jakarta Sans,PingFang SC,sans-serif}.app-title-section p{font-size:12px;color:var(--muted-foreground);margin:0;line-height:1.3}.tag-selector{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.tag-label{font-size:12px;font-weight:500;color:var(--muted-foreground);flex-shrink:0}.app-title-section .tag-label{font-size:13px;font-weight:400;margin-left:12px;color:var(--muted-foreground)}.tag-buttons{display:flex;flex-wrap:wrap;gap:6px}.tag-btn{padding:5px 12px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:var(--body-strong);cursor:pointer;transition:all .2s ease-out;font-family:inherit}.tag-btn:hover{background:var(--canvas-soft2);border-color:var(--hairline-strong);transform:translateY(-1px)}.tag-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border-color:transparent;box-shadow:var(--shadow-accent);font-weight:600}.tag-btn.active:hover{box-shadow:var(--shadow-accent-lg);transform:translateY(-2px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.page-loading{text-align:center;padding:60px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl)}.page-loading p{font-size:14px;color:var(--muted-foreground);margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;animation:shimmer 2s ease-in-out infinite}.skeleton-title{height:20px;width:60%;background:var(--muted);border-radius:4px;margin-bottom:12px}.skeleton-text{height:16px;width:100%;background:var(--muted);border-radius:4px;margin-bottom:8px}.skeleton-text:last-child{width:80%}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.app-detail-header{padding:12px;margin-bottom:0;border-radius:0;border-left:none;border-right:none}.app-title-section{gap:10px}.app-icon-large{width:40px;height:40px;font-size:20px}.app-title-section h2{font-size:16px}.app-title-section p{font-size:12px}.tag-selector{padding:8px 12px;gap:8px;margin-bottom:0;border-radius:0;border-left:none;border-right:none}.tag-buttons{gap:5px}.tag-btn{padding:4px 10px;font-size:11px}}.query-library-page{display:flex;height:calc(100vh - 64px)}.ql-left{width:180px;min-width:180px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column}.ql-left-header{padding:12px;border-bottom:1px solid var(--border)}.ql-new-btn{width:100%;padding:7px 12px;background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px;transition:all .15s ease-out;letter-spacing:-.01em}.ql-new-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.ql-search-input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--input);transition:border-color .15s}.ql-search-input:focus{outline:none;border-color:var(--accent)}.ql-query-list{flex:1;overflow-y:auto;padding:4px 0}.ql-loading,.ql-empty{padding:24px;text-align:center;color:var(--muted-foreground)}.ql-empty button{margin-top:12px;padding:8px 16px;background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:13px;cursor:pointer}.ql-query-item{padding:6px 12px 6px 16px;cursor:pointer;transition:all .1s ease-out;position:relative;border-left:2px solid transparent}.ql-query-item:hover{background:#6366f10a}.ql-query-item.selected{background:#6366f10f;border-left-color:var(--accent)}.ql-query-item.selected .ql-query-name{color:var(--accent);font-weight:600}.ql-query-header{display:flex;align-items:center;gap:8px}.ql-query-icon{font-size:14px;opacity:.5}.ql-query-name{flex:1;font-size:12px;font-weight:400;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.ql-query-menu-btn{background:none;border:none;font-size:16px;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.ql-query-menu-btn:hover{background:var(--muted)}.ql-query-menu{margin-top:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.ql-query-menu button{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;font-size:12px;color:var(--muted-foreground);cursor:pointer}.ql-query-menu button:hover{background:var(--muted);color:var(--error)}.ql-right{flex:1;min-width:0;overflow-y:auto;background:var(--canvas);display:flex;flex-direction:column}.ql-empty-right{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-foreground)}.ql-editor{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.ql-editor-header{padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ql-title-input{flex:1;font-size:15px;font-weight:600;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);outline:none;letter-spacing:-.02em;padding:8px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ql-title-input::placeholder{color:var(--muted-foreground);opacity:.6}.ql-title-input:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.ql-title-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.ql-header-actions{display:flex;align-items:center;gap:10px}.ql-menu-btn{background:none;border:none;font-size:20px;color:var(--muted-foreground);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.ql-menu-btn:hover{background:var(--muted)}.ql-run-btn{padding:6px 14px;background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;letter-spacing:-.01em;box-shadow:0 0 8px #6366f133}.ql-run-btn:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-foreground)}.ql-run-btn:disabled{opacity:.6;cursor:not-allowed}.ql-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ql-mobile-back{display:none;background:none;border:none;font-size:22px;color:var(--foreground);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);line-height:1}.ql-mobile-back:hover{background:var(--muted)}.ql-left-overlay{display:none}.ql-editor-body{flex:1;min-height:0;display:flex;overflow-y:auto}.ql-body-left{flex:1;padding:12px;overflow-y:auto}.ql-body-right{width:260px;border-left:1px solid var(--border);padding:12px;overflow-y:auto;background:var(--card)}.ql-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:10px}.ql-section-title{font-size:11px;font-weight:600;color:var(--muted-foreground);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.ql-form-item{margin-bottom:10px}.ql-form-item:last-child{margin-bottom:0}.ql-form-label{display:block;font-size:11px;font-weight:500;color:var(--muted-foreground);margin-bottom:4px}.ql-form-select{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--input);cursor:pointer}.ql-form-input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--input)}.ql-form-input:focus{outline:none;border-color:var(--accent)}.ql-url-preview{margin-top:6px;background:#6366f10a;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-sm);padding:6px 8px;animation:qlFadeIn .15s ease-out}@keyframes qlFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ql-url-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ql-url-preview-header span{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.ql-url-preview-close{background:none;border:none;font-size:12px;color:var(--muted-foreground);cursor:pointer;padding:0 2px}.ql-url-preview-value{display:block;font-size:11px;color:var(--foreground);word-break:break-all;line-height:1.5;font-family:SF Mono,Fira Code,monospace}.ql-kv-value-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.ql-form-textarea{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--input);min-height:80px;resize:vertical}.ql-param-row{display:flex;gap:8px}.ql-param-row .ql-form-input{flex:1}.ql-remove-row-btn,.ql-remove-input{padding:10px;background:var(--muted);border:none;border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer}.ql-remove-row-btn:hover,.ql-remove-input:hover{background:var(--error-soft);color:var(--error)}.ql-add-row-btn,.ql-add-input{padding:10px;background:var(--muted);border:none;border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer;margin-top:8px}.ql-add-row-btn:hover,.ql-add-input:hover{background:var(--accent-soft);color:var(--accent)}.ql-inputs-list{display:flex;flex-direction:column;gap:8px}.ql-input-item{display:flex;gap:8px}.ql-input-name,.ql-input-value{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;background:var(--input)}.ql-action-btn{display:block;width:100%;padding:10px;background:var(--muted);border:none;border-radius:var(--radius-md);font-size:13px;color:var(--foreground);cursor:pointer;margin-bottom:8px}.ql-action-btn:hover{background:var(--accent-soft);color:var(--accent)}.ql-action-btn.danger{color:var(--error)}.ql-action-btn.danger:hover{background:var(--error-soft)}.ql-result{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.ql-result-error{color:var(--error);font-size:13px}.ql-result-json{font-size:12px;line-height:1.6;color:var(--foreground);max-height:300px;overflow-y:auto}.ql-result-close{margin-top:12px;padding:8px 16px;background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:12px;cursor:pointer}.ql-create-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.ql-create-overlay,.ql-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.ql-ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.ql-ds-item{padding:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease-out}.ql-ds-item:hover{background:var(--accent-soft);border-color:var(--accent)}.ql-ds-icon{font-size:28px}.ql-ds-name{font-size:12px;font-weight:500;color:var(--foreground)}.ql-create-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:center}.ql-create-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006}.ql-create-content{position:relative;background:var(--card);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.ql-create-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.ql-create-header h3{margin:0;font-size:18px;color:var(--foreground)}.ql-create-close{font-size:20px;color:var(--foreground-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:all .15s}.ql-create-close:hover{background:var(--hover-bg);color:var(--foreground)}.ql-create-body{padding:16px 24px 24px;overflow-y:auto;flex:1}.ql-create-body::-webkit-scrollbar{width:6px}.ql-create-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ql-create-section{margin-bottom:20px}.ql-create-section:last-child{margin-bottom:0}.ql-create-section-title{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:12px}.ql-create-loading,.ql-create-empty{font-size:13px;color:var(--foreground-muted);padding:8px 0}.ql-create-import-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent);border-radius:var(--radius);font-size:13px;cursor:pointer;transition:all .15s}.ql-create-import-btn:hover{background:var(--accent);color:#fff}.ql-create-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-top:8px}.ql-publish-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.ql-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:var(--radius-xl);padding:24px;width:90%;max-width:450px}.ql-modal-content h3{margin:0 0 20px;font-size:18px;color:var(--foreground)}.ql-version-buttons{display:flex;gap:8px;margin-bottom:12px}.ql-version-btn{flex:1;padding:8px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--foreground);cursor:pointer}.ql-version-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.ql-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ql-modal-cancel{padding:10px 20px;background:var(--muted);border:none;border-radius:var(--radius-md);font-size:13px;color:var(--foreground);cursor:pointer}.ql-modal-confirm{padding:10px 20px;background:var(--accent);border:none;border-radius:var(--radius-md);font-size:13px;color:var(--accent-foreground);cursor:pointer}.ql-history-view{height:100%;display:flex;flex-direction:column}.ql-history-header{padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ql-history-header h3{margin:0;font-size:16px;color:var(--foreground)}.ql-history-close{padding:8px 16px;background:var(--muted);border:none;border-radius:var(--radius-md);font-size:13px;color:var(--foreground);cursor:pointer}.ql-history-body{flex:1;padding:20px;overflow-y:auto}.ql-history-list{display:flex;flex-direction:column;gap:12px}.ql-history-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:16px}.ql-history-tag{padding:6px 12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:var(--accent-foreground);border-radius:var(--radius-pill);font-size:12px;font-weight:600}.ql-history-info{flex:1}.ql-history-time{font-size:13px;color:var(--foreground)}.ql-history-message{font-size:12px;color:var(--muted-foreground);margin-top:4px}.ql-history-restore{padding:8px 16px;background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:12px;cursor:pointer}.icon-selector{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:var(--radius-md);max-height:150px;overflow-y:auto}.icon-selector::-webkit-scrollbar{width:4px}.icon-selector::-webkit-scrollbar-track{background:transparent}.icon-selector::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.icon-option{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--background);border:1.5px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.icon-option:hover{border-color:var(--border);background:var(--muted);transform:translateY(-1px)}.icon-option.selected{border-color:var(--accent);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,white) 100%);color:var(--accent-foreground);box-shadow:0 0 0 3px #3b82f626,0 2px 8px #3b82f640;transform:translateY(-1px)}.icon-option.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.drag-handle{cursor:grab;color:var(--muted-foreground);font-size:12px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.data-table tbody tr.dragging{opacity:.5;background:var(--accent-muted)}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group>label{display:block;font-size:13px;font-weight:500;color:var(--foreground);margin-bottom:8px;letter-spacing:-.01em}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 14px;background:var(--background);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--foreground);transition:all .2s ease;font-family:inherit}.form-group input[type=text]:hover,.form-group textarea:hover{border-color:color-mix(in srgb,var(--border) 150%,black)}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--muted-foreground)}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:var(--accent);cursor:pointer}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-wide{max-width:720px;width:95%}.modal-compact{max-width:560px;width:95%}.compact-form .form-group{margin-bottom:14px}.compact-form .form-group>label{margin-bottom:5px;font-size:12.5px}.compact-form .form-group input[type=text],.compact-form .form-group textarea{padding:8px 12px;font-size:13px}.compact-row{margin-bottom:14px}.checkbox-row{display:flex;align-items:center;gap:20px;padding:4px 0}.inline-check{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.inline-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.icon-picker-group{margin-bottom:14px}.icon-picker-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--background);transition:border-color .2s}.icon-picker-header:hover{border-color:color-mix(in srgb,var(--border) 150%,black)}.icon-picker-header label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;margin:0;cursor:pointer}.icon-current{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:400}.icon-picker-toggle{font-size:12px;color:var(--muted-foreground)}.icon-picker-body{margin-top:8px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.flex-1{flex:1}.icon-search-row{display:flex;gap:8px;margin-bottom:8px}.icon-search-row input{flex:1;padding:8px 12px;background:var(--background);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--foreground);transition:all .2s ease}.icon-search-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.app-cell{display:flex;flex-direction:column;gap:6px;padding:4px 0;align-items:flex-start}.app-icon-name{display:flex;align-items:center;gap:12px}.app-icon-name .icon{color:var(--accent);filter:drop-shadow(0 1px 2px rgba(59,130,246,.2));flex-shrink:0}.app-icon-name strong{font-size:14px;font-weight:600;color:var(--foreground);letter-spacing:-.01em;text-align:left}.app-path{font-size:11px;font-weight:500;color:var(--muted-foreground);padding-left:36px;letter-spacing:.02em;text-transform:uppercase;opacity:.8;text-align:left}.app-path:before{content:"→";margin-right:6px;opacity:.5}.data-table tbody tr:hover .app-icon-name .icon{transform:scale(1.05);transition:transform .2s ease}.data-table tbody tr:hover .app-path{opacity:1;color:var(--accent)}.app-manage-list{display:flex;flex-direction:column;gap:6px}.app-manage-item{display:flex;align-items:center;padding:10px 14px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);gap:14px}.app-manage-item:hover{background:var(--muted)}.app-manage-item.dragging{opacity:.5}.app-manage-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-manage-icon{color:var(--accent)}.app-manage-info{display:flex;flex-direction:column;gap:4px}.app-manage-name{font-size:14px;font-weight:600;color:var(--foreground)}.app-manage-path{font-size:12px;color:var(--muted-foreground);font-family:monospace}.app-manage-middle{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap;min-width:0;overflow:hidden}.app-manage-desc{font-size:13px;color:var(--muted-foreground);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-manage-sort{font-size:12px;color:var(--muted-foreground)}.app-manage-right{display:flex;align-items:center;flex-shrink:0}.action-menu-wrapper{position:relative;display:inline-block}.action-menu-trigger{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:18px;color:var(--muted-foreground);transition:all .15s ease}.action-menu-trigger:hover{background:var(--muted);border-color:var(--border);color:var(--foreground)}.action-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:120px;z-index:999;overflow:hidden}.action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--foreground);transition:background .15s ease;text-align:left}.action-menu-item:hover{background:var(--muted)}.action-menu-item.danger{color:#dc2626}.action-menu-item.danger:hover{background:#fef2f2}.keymgmt-page{max-width:100%}.keymgmt-header{margin-bottom:24px}.keymgmt-title{display:flex;align-items:center;gap:12px}.keymgmt-title h2{margin:0;font-size:22px;font-weight:700;color:var(--foreground)}.keymgmt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--foreground)}.stat-label{font-size:12px;color:var(--muted-foreground)}.keymgmt-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px}.keymgmt-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--foreground)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-secondary);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--muted-foreground)}.btn-sm{padding:4px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-secondary);color:#fff}.btn-wide{min-width:72px;padding-left:16px;padding-right:16px}.btn-warn{background:#f59e0b;color:#fff}.btn-warn:hover{background:#d97706;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;color:#fff}.btn-cancel{padding:8px 16px;background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.btn-cancel:hover{background:var(--border);color:var(--foreground)}.key-list{display:flex;flex-direction:column;gap:8px}.key-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm)}.key-item-left{display:flex;align-items:center;gap:12px;flex:1}.key-item-right{display:flex;align-items:center;gap:8px}.key-status-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-pill);flex-shrink:0}.key-value{font-family:monospace;font-size:14px;color:var(--foreground)}.key-label{font-size:12px;color:var(--muted-foreground)}.key-sync-info,.key-time{font-size:11px;color:var(--muted-foreground)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%}.device-card{padding:16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md)}.device-card.offline{opacity:.6}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.device-id{font-weight:600;font-size:14px;color:var(--foreground)}.device-status{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill)}.device-status.online{background:#10b9811a;color:#10b981}.device-status.offline{background:#94a3b81a;color:#94a3b8}.device-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;font-size:12px;color:var(--muted-foreground)}.device-ip{font-family:monospace}.device-key{font-size:12px;font-family:monospace;color:var(--muted-foreground);margin-bottom:8px}.device-config-info{margin-bottom:8px;padding:8px;background:#6366f108;border-radius:var(--radius-sm)}.config-groups{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.config-mappings{display:flex;flex-direction:column;gap:2px}.device-footer{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted-foreground);padding-top:8px;border-top:1px solid var(--border)}.device-sync-status{flex:1}.device-sync{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-foreground)}.device-time{font-size:10px}.log-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.log-item{display:flex;gap:8px;padding:6px 8px;font-size:13px;border-radius:var(--radius-sm)}.log-item.log-info{background:#10b9810a}.log-item.log-warn{background:#f59e0b0f}.log-item.log-error{background:#ef44440f}.log-time{color:var(--muted-foreground);font-size:12px;flex-shrink:0}.log-level{font-weight:500;flex-shrink:0}.log-level.info{color:#10b981}.log-level.warn{color:#f59e0b}.log-level.error{color:#ef4444}.log-message{color:var(--foreground)}.key-add-modal{width:460px}.confirm-modal{width:400px}.confirm-modal p{color:var(--foreground);line-height:1.6;margin:12px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--foreground);margin-bottom:6px}.form-group input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--background);color:var(--foreground);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--accent)}.key-group-badge{font-size:11px;padding:2px 8px;background:#6366f11a;color:#6366f1;border-radius:var(--radius-pill)}.device-groups{font-size:11px;margin-bottom:4px}.device-groups-label{color:#6366f1;font-weight:500}.device-config-modal{width:560px}.device-config-modal-simple{width:420px}.device-groups-select{display:flex;flex-direction:column;gap:8px}.group-select-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.group-select-item:hover{border-color:var(--accent);background:#6366f108}.group-select-item.selected{border-color:var(--accent);background:#6366f114}.group-select-check{width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent)}.group-select-item.selected .group-select-check{border-color:var(--accent);background:var(--accent);color:#fff}.group-select-info{display:flex;flex-direction:column;gap:2px;flex:1}.group-select-name{font-size:14px;font-weight:500;color:var(--foreground)}.group-select-path{font-size:12px;font-family:monospace;color:var(--muted-foreground)}.key-groups-list{display:flex;flex-direction:column;gap:12px}.key-group-item{padding:12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm)}.key-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.key-group-name{font-weight:600;font-size:14px;color:var(--foreground)}.key-group-mapping{display:flex;flex-direction:column;gap:8px}.form-row{display:flex;align-items:center;gap:8px}.form-row label{font-size:12px;color:var(--muted-foreground);min-width:80px}.form-row input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--background);color:var(--foreground)}.form-row input:focus{outline:none;border-color:var(--accent)}.device-config-table{width:100%}.config-table-header,.config-table-row{display:grid;grid-template-columns:180px 1fr 1fr 100px;gap:12px;padding:12px 16px;align-items:center}.config-table-header{background:var(--muted);font-size:12px;font-weight:600;color:var(--foreground);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.config-table-row{border-bottom:1px solid var(--border)}.config-table-row:last-child{border-bottom:none}.config-table-row:hover{background:var(--background)}.col-device{display:flex;flex-direction:column;gap:2px}.device-name{font-weight:600;font-size:14px;color:var(--foreground)}.device-hostname{font-size:12px;color:var(--muted-foreground)}.groups-tags{display:flex;flex-wrap:wrap;gap:4px}.group-tag{display:inline-block;padding:2px 8px;background:#6366f11a;color:#6366f1;border-radius:var(--radius-pill);font-size:11px;font-weight:500}.mappings-list{display:flex;flex-direction:column;gap:4px}.mapping-item{font-size:12px;font-family:monospace;color:var(--foreground)}.mapping-group{color:#6366f1;font-weight:500}.mapping-path{color:var(--muted-foreground)}.no-config{font-size:12px;color:var(--muted-foreground);font-style:italic}.group-list{display:flex;flex-direction:column;gap:8px}.group-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm)}.group-item:hover{background:var(--muted)}.group-item-left{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.group-item-right{display:flex;gap:8px}.group-name-badge{display:inline-block;padding:3px 10px;background:#6366f11a;color:#6366f1;border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:monospace}.group-label-text{font-size:13px;color:var(--foreground)}.group-ini-path{font-size:12px;color:var(--muted-foreground);font-family:monospace}.group-key-count{font-size:12px;color:var(--muted-foreground)}.group-add-modal,.key-add-modal,.confirm-modal,.device-config-modal-simple{width:420px;max-width:90vw}.group-add-modal h3,.key-add-modal h3,.confirm-modal h3,.device-config-modal-simple h3{font-size:18px;font-weight:700;letter-spacing:-.36px;color:var(--foreground);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.group-add-modal .modal-body,.key-add-modal .modal-body,.confirm-modal .modal-body,.device-config-modal-simple .modal-body{padding:20px 28px}.confirm-modal .modal-body p{font-size:14px;color:var(--foreground);line-height:1.6}.group-add-modal .form-group,.key-add-modal .form-group,.confirm-modal .form-group,.device-config-modal-simple .form-group{margin-bottom:16px}.group-add-modal .form-group label,.key-add-modal .form-group label,.confirm-modal .form-group label,.device-config-modal-simple .form-group label{display:block;font-size:13px;font-weight:500;color:var(--muted-foreground);margin-bottom:6px}.group-add-modal .form-group input,.group-add-modal .form-group select,.key-add-modal .form-group input,.key-add-modal .form-group select,.confirm-modal .form-group input,.device-config-modal-simple .form-group input,.device-config-modal-simple .form-group select,.device-config-modal-simple .form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font-size:14px;transition:all .2s ease;box-sizing:border-box}.group-add-modal .form-group input:focus,.group-add-modal .form-group select:focus,.key-add-modal .form-group input:focus,.key-add-modal .form-group select:focus,.confirm-modal .form-group input:focus,.device-config-modal-simple .form-group input:focus,.device-config-modal-simple .form-group select:focus,.device-config-modal-simple .form-group textarea:focus{border-color:var(--accent);outline:none}.group-add-modal .modal-actions,.key-add-modal .modal-actions,.confirm-modal .modal-actions,.device-config-modal-simple .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.form-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--background);color:var(--foreground);box-sizing:border-box;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--accent)}.add-group-select select{width:100%;padding:6px 12px;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:13px;background:transparent;color:var(--accent);cursor:pointer}.add-group-select select:focus{outline:none;border-color:var(--accent)}@media (max-width: 768px){.keymgmt-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-value{font-size:20px}.keymgmt-section{padding:16px 12px}.key-item{flex-direction:column;align-items:flex-start;gap:8px}.key-item-right{width:100%;justify-content:flex-end}.device-grid{grid-template-columns:1fr}.key-add-modal,.confirm-modal{width:90vw}}.userauth-page{padding:0;background:var(--background)}.userauth-page .page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.group-manager-panel{background:var(--card);border-radius:8px;border:1px solid var(--border);margin-bottom:20px;overflow:hidden}.group-manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border);background:var(--muted)}.group-manager-header h3{font-size:14px;font-weight:600;margin:0}.btn-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted-foreground);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:var(--foreground)}.group-list{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.group-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s}.group-item:hover{box-shadow:var(--shadow-md);border-color:var(--hairline-strong)}.group-info{flex:1;display:flex;flex-direction:column;gap:4px}.group-name{font-size:13px;font-weight:500}.group-name-row{display:flex;align-items:center;gap:10px}.group-keys{display:inline-flex;gap:12px;flex-wrap:wrap}.group-key{font-size:11px;color:var(--muted-foreground)}.group-key code{background:var(--card);padding:2px 6px;border-radius:3px;font-family:monospace;color:var(--accent)}.group-linked-groups{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:2px}.linked-label{font-size:11px;color:var(--muted-foreground)}.linked-group-tag{font-size:11px;padding:1px 6px;border-radius:3px;background:#0052ff14;color:var(--accent);white-space:nowrap}.bind-hint{font-size:12px;color:var(--muted-foreground);margin:0 0 12px}.bind-group-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.bind-group-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.bind-group-item:hover{background:var(--muted)}.bind-group-name{color:var(--foreground)}.update-latest-toggle{font-size:12px;color:var(--muted-foreground);margin-right:auto}.modal-subtitle{font-size:13px;font-weight:400;color:var(--muted-foreground);margin-left:8px}.edit-header-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.compact-field{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted-foreground);white-space:nowrap}.compact-field input,.compact-field select{font-size:12px;padding:2px 6px;border:1px solid var(--border);border-radius:4px}.form-group.compact{margin-bottom:8px}.form-group.compact label{font-size:12px;color:var(--muted-foreground)}.form-group.compact input{font-size:12px;padding:4px 8px}.group-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.group-type{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.group-type.builtin{background:var(--accent);color:#fff}.group-type.custom{background:var(--warning-soft);color:var(--warning)}.group-add-form{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:1px solid var(--border)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.group-add-form input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--muted);border-color:var(--accent)}.stats-section{margin-bottom:8px}.stats-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--card);border:1px solid var(--border);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.stats-header:hover{border-color:var(--accent)}.stats-header-title{font-size:12px;font-weight:600;color:var(--foreground)}.stats-header-toggle{font-size:12px;color:var(--muted-foreground)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-top:6px}.stat-card{background:var(--card);border-radius:6px;border:1px solid var(--border);padding:6px 10px;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 2px 8px #00000014;border-color:var(--accent)}.stat-card-title{font-size:11px;font-weight:500;color:var(--muted-foreground);margin-bottom:4px;letter-spacing:.02em}.stat-card-numbers{display:flex;gap:10px}.stat-number{display:flex;flex-direction:column;gap:1px}.stat-number .number{font-size:15px;font-weight:700;letter-spacing:-.02em}.stat-number .label{font-size:9px;color:var(--muted-foreground);letter-spacing:.01em}.stat-number.active .number{color:var(--green)}.stat-number.expired .number{color:var(--error)}.userauth-page .filter-bar{display:flex;gap:16px;margin-bottom:24px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.userauth-page .filter-bar select,.userauth-page .filter-bar input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font-size:14px;transition:all .2s ease;min-height:40px}.userauth-page .filter-bar select{min-width:160px;cursor:pointer}.userauth-page .filter-bar select:hover,.userauth-page .filter-bar input:hover{border-color:var(--muted-foreground)}.userauth-page .filter-bar select:focus,.userauth-page .filter-bar input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0052ff1a}.userauth-page .filter-bar input{flex:1;max-width:320px}.userauth-page .filter-bar .btn-sm{padding:10px 16px;min-height:40px}.userauth-page .filter-bar .btn-online-active{background:var(--accent);color:#fff;border-color:var(--accent)}.userauth-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.userauth-card{background:var(--card);border-radius:6px;border:1px solid var(--border);transition:all .2s ease;padding:6px 10px}.userauth-card:hover{box-shadow:0 2px 8px #0000000f;border-color:var(--accent)}.userauth-card.unauthorized{opacity:.6}.userauth-expanded-txn{background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;padding:0 10px 10px;margin-top:-1px;margin-bottom:0}.userauth-expanded-txn .page-content{margin-top:0;padding:0;border:none;background:transparent}.userauth-expanded-txn .txn-toolbar{padding:8px 0;gap:8px}.userauth-expanded-txn .txn-search-input{height:30px;font-size:12px}.userauth-expanded-txn .txn-filter-select{height:30px;font-size:12px;padding:0 22px 0 6px}.userauth-expanded-txn .data-table th{font-size:11px;padding:4px 6px}.userauth-expanded-txn .data-table td{font-size:12px;padding:4px 6px}.userauth-expanded-txn .txn-pagination{padding:6px 0}.userauth-expanded-txn .txn-page-info{font-size:11px}.expanded-txn-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);padding:6px 0 4px;border-bottom:1px solid var(--border);margin-bottom:4px}.expanded-txn-header .btn-ghost{font-size:11px;padding:2px 6px;height:auto}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-header-left{display:flex;align-items:center;gap:8px}.card-email{font-size:12px;font-weight:600;color:var(--foreground)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s ease}.online-dot.online{background:#10b981;box-shadow:0 0 4px #10b98180}.online-dot.offline{background:#9ca3af}.stat-value.online{color:#10b981!important;font-weight:600}.card-created{font-size:10px;color:var(--muted-foreground)}.card-actions{display:flex;gap:4px}.card-actions .btn-sm{padding:3px 8px;font-size:11px}.card-actions .more-btn{padding:3px 8px;font-size:16px;line-height:1}.card-auth-groups{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:4px}.auth-group-item{display:flex;align-items:center;gap:4px;min-width:100px}.group-label{font-size:10px;color:var(--muted-foreground);font-weight:500;white-space:nowrap}.expire-badge{padding:1px 4px;border-radius:3px;font-size:10px;display:inline-block;font-weight:500;white-space:nowrap}.expire-badge.active{background:#10b9811a;color:#10b981}.expire-badge.expired{background:#ef44441a;color:#ef4444}.expire-badge.none{color:var(--muted-foreground);background:transparent}.card-footer{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{font-size:10px;color:var(--muted-foreground);white-space:nowrap}.stat-value{font-size:12px;font-weight:600;color:var(--foreground)}.stat-value.pay{color:#f59e0b}.stat-value.total{color:#10b981}.badge-vip{background:linear-gradient(135deg,gold,orange);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.userauth-page .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto 0;padding:6px 14px;background:linear-gradient(135deg,#0052ff08,#4d7cff05);border-radius:6px;border:1px solid rgba(0,82,255,.08)}.userauth-page .pagination .btn-sm{padding:3px 10px;font-size:11px;font-weight:500;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--foreground);transition:all .2s ease;min-width:60px;text-align:center}.userauth-page .pagination .btn-sm:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #0052ff4d;transform:translateY(-1px)}.userauth-page .pagination .btn-sm:not(:disabled):active{transform:translateY(0)}.userauth-page .pagination .btn-sm:disabled{opacity:.4;cursor:not-allowed;background:var(--muted)}.userauth-page .page-info{font-size:11px;font-weight:500;color:var(--foreground);padding:3px 8px;background:#0052ff0f;border-radius:4px;white-space:nowrap;letter-spacing:.2px}.userauth-page .page-info:before{content:"";display:inline-block;width:3px;height:3px;background:var(--accent);border-radius:50%;margin-right:5px;vertical-align:middle}.user-auth-modal,.batch-auth-modal{width:500px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.user-auth-modal .modal-body{padding:16px 24px;overflow-y:auto;flex:1;min-height:0}.user-email-display,.device-name-display{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:20px}.user-auth-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.user-auth-modal .form-group,.batch-auth-modal .form-group{display:flex;flex-direction:column;gap:6px}.user-auth-modal .form-group label,.batch-auth-modal .form-group label{font-size:13px;font-weight:500;color:var(--muted-foreground)}.user-auth-modal .form-group input,.user-auth-modal .form-group select,.user-auth-modal .form-group textarea,.batch-auth-modal .form-group input,.batch-auth-modal .form-group select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font-size:14px;transition:all .2s ease}.user-auth-modal .form-group input:focus,.user-auth-modal .form-group select:focus,.user-auth-modal .form-group textarea:focus,.batch-auth-modal .form-group input:focus,.batch-auth-modal .form-group select:focus{border-color:var(--accent);outline:none}.user-auth-modal .auth-groups,.batch-auth-modal .auth-groups{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.user-auth-modal .auth-groups>label,.batch-auth-modal .auth-groups>label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:8px}.auth-group-item{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--border)}.auth-group-item:last-child{border-bottom:none}.auth-group-item .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:120px;font-size:14px;color:var(--foreground)}.auth-group-item input[type=date]{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--background);color:var(--foreground)}.user-auth-modal .modal-header,.batch-auth-modal .modal-header{flex-shrink:0}.user-auth-modal .modal-footer,.batch-auth-modal .modal-footer{flex-shrink:0;padding:12px 24px 16px}.userauth-page .loading{display:flex;justify-content:center;padding:48px}@media (max-width: 768px){.userauth-page{padding:6px}.userauth-card{padding:4px 8px}.card-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.card-header-left{gap:4px;flex:1;min-width:0}.card-email{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-created{display:none}.card-actions{flex-shrink:0}.card-actions .btn-sm{padding:2px 6px;font-size:10px}.card-auth-groups{gap:2px 8px}.auth-group-item{flex-direction:row;align-items:center;gap:2px;min-width:auto}.card-footer{flex-wrap:wrap;gap:6px 12px}.stat-item{gap:2px}.stat-label{font-size:9px}.stat-value{font-size:11px}.userauth-page .filter-bar{flex-wrap:wrap;gap:12px;padding:14px 16px}.userauth-page .filter-bar input{max-width:100%}.userauth-page .filter-bar select{min-width:140px}}.tcl-tabs{display:flex;gap:4px;padding:6px 10px;background:var(--card);border-radius:6px;margin-bottom:12px;border:1px solid var(--border);flex-wrap:wrap}.tcl-tab{padding:5px 12px;font-size:13px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tcl-tab:hover{color:var(--foreground);background:var(--muted)}.tcl-tab.active{color:var(--accent);background:#0052ff1a;box-shadow:inset 0 -2px 0 var(--accent)}.tcl-search-bar{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:var(--card);border-radius:8px;border:1px solid var(--border)}.tcl-search-bar input{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}.tcl-search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.tcl-list{background:var(--card);border-radius:8px;border:1px solid var(--border);padding:0;position:relative}.tcl-item{display:flex;position:relative;padding:12px 12px 12px 75px;min-height:60px}.tcl-item:not(:last-child):after{content:"";position:absolute;left:60px;top:24px;bottom:0;width:1px;background:#e5e5e5;z-index:0}.tcl-badge-source{background:#6366f126;color:#6366f1}.tcl-reason{font-size:12px;color:#888;margin:4px 0 0;line-height:1.5;white-space:pre-wrap;word-break:break-word;padding-left:8px}.tcl-img-notice{font-size:11px;color:#aaa;margin:4px 0 0;font-style:italic}.tcl-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto 0;padding:6px 14px;background:linear-gradient(135deg,#0052ff08,#4d7cff05);border-radius:6px;border:1px solid rgba(0,82,255,.08)}.tcl-pagination .btn-sm{padding:3px 10px;font-size:11px;font-weight:500;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--foreground);transition:all .2s ease;min-width:60px;text-align:center}.tcl-pagination .btn-sm:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #0052ff4d;transform:translateY(-1px)}.tcl-pagination .btn-sm:disabled{opacity:.4;cursor:not-allowed;background:var(--muted)}.tcl-list{padding:12px 0}.tcl-item{display:flex;position:relative;padding:12px 12px 12px 75px;min-height:60px;cursor:pointer}.tcl-images-scroll{position:relative;z-index:1}.tcl-images-wrapper{margin-left:-75px;margin-right:-12px}@media (min-width: 768px){.tcl-images-wrapper{margin-left:0;margin-right:0}}.tcl-images-indicator{display:flex;justify-content:center;gap:6px;padding:8px 12px;margin-left:-75px;margin-right:-12px}@media (min-width: 768px){.tcl-images-indicator{margin-left:0;margin-right:0}}.tcl-images-dot{width:20px;height:3px;background:#ccc;border-radius:2px;transition:all .2s ease}.tcl-images-dot.active{width:32px;background:#1e90ff}.tcl-item:hover{background:#1e90ff08}.tcl-item:not(:last-child):after{content:"";position:absolute;left:60px;top:24px;bottom:0;width:1px;background:#e5e5e5}.tcl-item:last-child:after{content:"";position:absolute;left:60px;top:24px;height:20px;width:1px;background:#e5e5e5}.tcl-time-wrapper{position:absolute;left:0;top:10px;width:55px;text-align:right;padding-right:8px}.tcl-time{font-size:12px;color:#999;display:block;line-height:1.3}.tcl-date{font-size:11px;font-weight:600;color:#ff8c00;display:block;margin-top:2px}.tcl-dot{position:absolute;left:56px;top:14px;width:8px;height:8px;background:#ddd;border-radius:50%;z-index:1}.tcl-content{flex:1;min-width:0;position:relative;z-index:1}.tcl-title-row{display:flex;align-items:center;gap:4px}.tcl-title{font-size:14px;font-weight:500;color:#1e90ff;text-decoration:none;flex-shrink:0;white-space:nowrap}.tcl-title:hover{color:#06c;text-decoration:underline}.tcl-title-red{color:#ef4444}.tcl-title-red:hover{color:#dc2626}.tcl-badge{font-size:10px;font-weight:600;padding:2px 6px;margin-left:auto;border-radius:3px;white-space:nowrap;flex-shrink:0}.tcl-badge-new{background:#10b98126;color:#10b981}.tcl-badge-event{background:#f59e0b26;color:#f59e0b}.tcl-summary{font-size:12px;color:#666;margin:0;line-height:1.6;white-space:pre-wrap;word-break:break-word}.tcl-reason{font-size:12px;color:#888;margin:4px 0 0;line-height:1.5;white-space:pre-wrap;word-break:break-word;padding-left:8px;border-left:2px solid #e0e0e0}.tcl-card-footer{margin-top:8px;display:flex;align-items:center;gap:6px}.tcl-card-time{font-size:11px;color:#aaa}.img-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;overflow:auto;cursor:zoom-out;text-align:center;padding:60px;box-sizing:border-box}.img-preview-overlay img{display:inline-block;max-width:none;max-height:none;border-radius:4px;cursor:default;vertical-align:middle}.tcl-card-footer{display:flex;justify-content:flex-end}.tcl-card-time{font-size:11px;color:#999}.tcl-table-wrapper{background:var(--card);border-radius:6px;border:1px solid var(--border);overflow:hidden}.tcl-table-wrap{max-height:600px;overflow-y:auto;background:var(--card)}.tcl-table-wrap--flush{max-height:none;overflow-y:visible;border-radius:6px;border:1px solid var(--border)}.tcl-load-more{text-align:center;padding:12px;color:#999;font-size:13px}.tcl-table{width:100%;border-collapse:collapse;font-size:13px}.tcl-table thead{background:#f8f9fa}.tcl-table th{padding:8px 10px;font-weight:600;color:#333;text-align:left;border-bottom:1px solid var(--border)}.tcl-th-rank{width:50px;text-align:center}.tcl-table th.tcl-th-times{min-width:80px;text-align:center!important;vertical-align:middle}.tcl-table th.tcl-th-pct,.tcl-table th.tcl-th-limitup{min-width:70px;text-align:center!important;vertical-align:middle}.tcl-table th.tcl-th-time{min-width:80px;text-align:center!important;vertical-align:middle}.tcl-td-limitup{text-align:center;font-size:12px}.tcl-limitup-count{color:#e74c3c;font-weight:600}.tcl-td-time{text-align:center;font-size:12px;color:#999}.tcl-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tcl-sortable:hover{background:#e8e8e8}.tcl-sort-icon{margin-left:4px;font-size:11px;display:inline-block;vertical-align:middle}.tcl-table td{padding:6px 10px;border-bottom:1px solid #f0f0f0}.tcl-table tbody tr:hover{background:#f8f9fa}.tcl-table tbody tr:last-child td{border-bottom:none}.tcl-td-rank{text-align:center}.tcl-rank-badge{display:inline-block;font-size:12px;font-weight:600;text-align:center}.tcl-rank-3{color:#10b981}.tcl-rank-other{color:#9ca3af}.tcl-td-name{color:#333}.tcl-name-red{color:#ef4444;font-weight:500}.tcl-td-times{text-align:center;color:#666}.tcl-td-pct{text-align:center}.tcl-pct-up{color:#ef4444;font-weight:500}.tcl-pct-down{color:#22c55e;font-weight:500}.tcl-empty{text-align:center;color:#999;padding:40px!important}.tcl-new-items-banner{display:flex;align-items:center;justify-content:center;padding:10px 16px;margin-bottom:12px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .3s ease;animation:fadeIn .3s ease-out;-webkit-user-select:none;user-select:none}.tcl-new-items-banner:hover{opacity:.9}.tcl-detail-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--muted-foreground);font-size:14px;gap:8px}.tcl-tree-wrapper{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px;overflow:auto;animation:fadeIn .3s ease-out}.tcl-zoom-controls{display:flex;align-items:center;gap:6px;margin-bottom:10px;position:sticky;top:0;z-index:10;background:var(--card);padding:4px 0}.tcl-zoom-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tcl-zoom-btn:hover{background:var(--muted);border-color:var(--accent);color:var(--accent)}.tcl-zoom-btn-text{width:auto;height:30px;padding:0 12px;font-size:13px;white-space:nowrap}.tcl-zoom-level{font-size:12px;font-weight:600;color:var(--muted-foreground);min-width:36px;text-align:center}.tcl-zoom-sep{color:var(--border);font-size:14px;-webkit-user-select:none;user-select:none;margin:0 2px}.tcl-tree-panel{display:flex;gap:16px;align-items:stretch}.tcl-tree-panel-with-stocks .tcl-detail-tree{flex:1;min-width:0}.tcl-detail-tree{min-height:100px;overflow:visible}.tcl-detail-tree svg{display:block}.tcl-treenode{font-size:12px;line-height:1.3}.tcl-treenode-clickable{cursor:pointer}.tcl-treenode-clickable:hover .tcl-treenode-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.tcl-treenode-name-clickable{cursor:pointer;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.tcl-treenode-name-clickable:hover{color:var(--foreground)}.tcl-treenode-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:6px 8px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.tcl-treenode-root .tcl-treenode-card{border-color:var(--accent);background:linear-gradient(135deg,#0052ff0f,#4d7cff08)}.tcl-treenode-card-v{display:flex;flex-direction:column;gap:2px}.tcl-treenode-card-v-btn-right{display:flex;align-items:center;flex-direction:row;gap:4px}.tcl-treenode-card-v-btn-right .tcl-treenode-card-v-content{flex:1;display:flex;flex-direction:column;gap:2px}.tcl-treenode-card-v-btn-right .tcl-treenode-expand{flex-shrink:0}.tcl-treenode-card-h{display:flex;align-items:center;gap:4px}.tcl-treenode-card-h .tcl-treenode-expand-right{margin-left:auto;flex-shrink:0}.tcl-treenode-card-hreason{display:flex;align-items:center;gap:4px}.tcl-treenode-card-hreason-left{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.tcl-treenode-card-hreason-right{font-size:11px;line-height:1.4;color:var(--muted-foreground);white-space:normal;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tcl-treenode-line1{line-height:1.2}.tcl-treenode-line1 .tcl-treenode-name{font-size:13px;max-width:none}.tcl-treenode-line2{display:flex;align-items:center;gap:4px}.tcl-treenode-main{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.tcl-treenode-name{font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.tcl-treenode-root .tcl-treenode-name{font-size:14px;max-width:180px}.tcl-treenode-pct{font-weight:500;white-space:nowrap;flex-shrink:0}.tcl-treenode-code{font-size:11px;color:var(--muted-foreground, #888);margin-right:4px;flex-shrink:0}.tcl-treenode-tag{font-size:10px;font-weight:600;padding:0 4px;background:#f59e0b1f;color:#d97706;border-radius:3px;white-space:nowrap;flex-shrink:0}.tcl-treenode-expand{width:18px;height:18px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--muted-foreground);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;line-height:1}.tcl-treenode-expand:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tcl-treenode-info-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;color:var(--mute);cursor:help;flex-shrink:0}.tcl-treenode-info-btn:hover .tcl-treenode-tooltip{opacity:1;visibility:visible}.tcl-treenode-tooltip{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);background:var(--foreground);color:var(--card);font-size:11px;line-height:1.5;padding:6px 10px;border-radius:6px;white-space:pre-wrap;max-width:220px;min-width:140px;opacity:0;visibility:hidden;transition:all .15s ease;z-index:20;pointer-events:none}.tcl-treenode-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--foreground)}.tcl-treenode-tooltip-title{display:block;font-weight:600;margin-bottom:2px;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.tcl-treenode-subbox{margin-top:4px;padding:3px 0 0;border-top:1px solid var(--hairline);font-size:11px;line-height:1.4;color:var(--body);white-space:pre-wrap;word-break:break-word}.tcl-treenode-desc{font-size:10px;line-height:1.4;color:var(--muted-foreground);white-space:normal;word-break:break-word;width:100%}.tcl-stock-panel{width:280px;min-width:280px;max-width:320px;background:var(--canvas-soft);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-y:auto;max-height:560px;flex-shrink:0}.tcl-stock-panel-title{font-size:13px;font-weight:700;color:var(--foreground);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--hairline)}.tcl-stock-card{padding:8px 0;border-bottom:1px solid var(--hairline)}.tcl-stock-card:last-child{border-bottom:none}.tcl-stock-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tcl-stock-name{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tcl-stock-pct{font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.tcl-stock-tag{font-size:10px;font-weight:600;padding:1px 5px;background:#3b82f61f;color:#2563eb;border-radius:3px;white-space:nowrap;flex-shrink:0}.tcl-stock-badge{display:inline-block;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;line-height:1.4;color:#fff;flex-shrink:0}.tcl-stock-badge-biz{background:#e74c3c}.tcl-stock-badge-top{background:#f39c12}.tcl-stock-badge-both{background:linear-gradient(90deg,#f39c12 50%,#e74c3c 50%)}.tcl-stock-reason{font-size:11px;line-height:1.5;color:var(--body);margin-top:4px;white-space:pre-wrap;word-break:break-word}.tcl-stock-sub{font-size:11px;line-height:1.4;color:var(--mute);margin-top:2px;white-space:pre-wrap;word-break:break-word}.tcl-stock-detail{background:#fff;border:1px solid #e8ecf1;border-radius:8px;padding:16px;margin-bottom:12px}.tcl-stock-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.tcl-stock-detail-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tcl-stock-detail-name{font-size:18px;font-weight:600;color:#1a1a2e}.tcl-stock-detail-code{font-size:13px;color:#888}.tcl-stock-detail-metrics{text-align:right}.tcl-stock-detail-price{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tcl-stock-detail-value{font-size:22px;font-weight:700;color:#1a1a2e}.tcl-stock-detail-pct{font-size:15px;font-weight:600}.tcl-stock-detail-stats{display:flex;gap:12px;font-size:12px;color:#888;flex-wrap:wrap;justify-content:flex-end}.tcl-stock-detail-remark{margin-top:10px;font-size:13px;color:#555;line-height:1.5;padding:8px 10px;background:#f8f9fb;border-radius:6px}.tcl-stock-lightspots{margin-top:12px}.tcl-stock-lightspots-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:6px}.tcl-stock-lightspot-item{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#666;line-height:1.4;padding:3px 0}.tcl-stock-lightspot-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6366f1;margin-top:5px;flex-shrink:0}.tcl-stock-detail-body{margin-top:12px;font-size:13px;color:#444;line-height:1.7;border-top:1px solid #eee;padding-top:12px}.tcl-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--hairline);background:#fff;padding:0 4px}.tcl-detail-tab{padding:8px 16px;font-size:13px;font-weight:600;color:#888;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.tcl-detail-tab:hover{color:#555}.tcl-detail-tab.active{color:#0052ff;border-bottom-color:#0052ff}.tcl-rank-panel{padding:12px 16px;max-height:400px;overflow-y:auto}.tcl-rank-header{display:flex;align-items:center;font-size:12px;font-weight:700;color:#888;padding:6px 0 8px;border-bottom:1px solid var(--hairline);gap:8px}.tcl-rank-type-tabs{display:flex;gap:0;margin-bottom:8px;border-bottom:1px solid var(--hairline);padding-bottom:0}.tcl-rank-type-tab{padding:6px 16px;font-size:13px;font-weight:600;color:#888;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.tcl-rank-type-tab.active{color:#0052ff;border-bottom-color:#0052ff}.tcl-rank-type-tab:hover{color:#555}.tcl-rank-header span:first-child{width:36px;text-align:center}.tcl-rank-header span:nth-child(2){flex:1}.tcl-rank-header span:nth-child(3){width:72px;text-align:left}.tcl-rank-header span:nth-child(4){width:56px;text-align:right;white-space:nowrap}.tcl-rank-header span:nth-child(5){width:72px;text-align:right;white-space:nowrap}.tcl-rank-header span:nth-child(6){width:72px;text-align:right;white-space:nowrap}.tcl-rank-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--hairline);gap:8px;font-size:13px}.tcl-rank-row:last-child{border-bottom:none}.tcl-rank-pos{width:36px;text-align:center;font-weight:700;color:#999}.tcl-rank-row:nth-child(2) .tcl-rank-pos,.tcl-rank-row:first-child .tcl-rank-pos{color:#f59e0b}.tcl-rank-name{flex:1;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcl-rank-code{width:72px;font-size:12px;color:#888;font-variant-numeric:tabular-nums;text-align:left}.tcl-rank-price{width:56px;text-align:right;font-variant-numeric:tabular-nums}.tcl-rank-pct{width:72px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.tcl-rank-empty{text-align:center;color:#aaa;padding:32px 0;font-size:13px}.tcl-rank-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tcl-rank-sortable:hover{color:var(--primary, #0052FF)}.tcl-rank-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#0052ff;border-radius:50%;animation:tcl-spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes tcl-spin{to{transform:rotate(360deg)}}.cycle-theme-page{padding:16px 0}.cycle-limit-selector{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cycle-limit-label{font-size:13px;color:var(--muted-foreground);white-space:nowrap}.cycle-limit-option{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:13px;background:var(--muted);color:var(--muted-foreground);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.cycle-limit-option:hover,.cycle-limit-option.active{background:var(--accent);color:#fff}.cycle-limit-option:last-child{width:auto;padding:0 12px;border-radius:18px}.cycle-page-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cycle-keyword-filter{max-width:50%;min-width:200px;flex:1}.cycle-keyword-input{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);outline:none;box-sizing:border-box;transition:border-color .2s}.cycle-keyword-input:focus{border-color:var(--accent)}.cycle-limit-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.cycle-theme-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cycle-theme-tag{padding:6px 14px;font-size:13px;border-radius:16px;background:var(--muted);color:var(--muted-foreground);cursor:pointer;transition:all .2s;border:1px solid transparent}.cycle-theme-tag:hover{color:var(--foreground);background:var(--accent);border-color:var(--accent)}.cycle-theme-tag.active{color:#fff;background:var(--accent);border-color:var(--accent)}.cycle-chart-area{background:var(--card);border-radius:8px;padding:20px;margin-bottom:20px}.cycle-chart-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--foreground)}.cycle-chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-radius:6px;color:#999;font-size:14px}.tcl-chixu-datebar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card-bg, #fff);border-bottom:1px solid var(--border, #eee);margin-bottom:4px}.tcl-chixu-datebar label{font-size:13px;color:var(--muted, #666);white-space:nowrap}.tcl-chixu-datepicker{font-size:13px;padding:4px 8px;border:1px solid var(--border, #ddd);border-radius:4px;background:var(--bg, #fff);color:var(--foreground, #333);outline:none}.tcl-chixu-datepicker:focus{border-color:var(--primary, #0052FF)}.tcl-chixu-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.tcl-chixu-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.tcl-chixu-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0052ff1a}.tcl-chixu-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tcl-chixu-rank{font-size:11px;font-weight:600;color:#94a3b8;min-width:24px}.tcl-chixu-grade{font-size:11px;padding:1px 6px;border-radius:3px;color:#fff;font-weight:600;white-space:nowrap}.tcl-chixu-name-pct{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.tcl-chixu-name{font-size:14px;font-weight:600;color:var(--foreground);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-chixu-pct{font-size:13px;font-weight:700;white-space:nowrap}.tcl-chixu-times{font-size:11px;color:#f59e0b;background:#f59e0b1f;padding:1px 6px;border-radius:4px;font-weight:700;white-space:nowrap;margin-right:4px}.tcl-chixu-date{font-size:11px;color:#64748b;white-space:nowrap;margin-right:6px;padding:1px 4px;background:#f1f5f9;border-radius:3px}.tcl-chixu-card-bottom{display:flex;justify-content:flex-end;font-size:12px;color:#94a3b8;margin-top:4px;line-height:1.4}.tcl-chixu-card-reason{font-size:13px;color:#64748b;margin-top:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tcl-main-sortbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border, #eee);margin-bottom:8px;justify-content:flex-end}.tcl-main-sortbar-label{font-size:13px;color:var(--muted, #666);white-space:nowrap}.tcl-main-sortbtn{font-size:12px;padding:3px 10px;border:1px solid var(--border, #ddd);border-radius:4px;background:var(--card, #fff);color:var(--foreground, #333);cursor:pointer;transition:all .15s}.tcl-main-sortbtn:hover{border-color:var(--primary, #0052FF);color:var(--primary, #0052FF)}.tcl-main-sortbtn.active{background:var(--primary, #0052FF);color:#fff;border-color:var(--primary, #0052FF)}.tcl-main-sortbtn .tcl-sort-icon{margin-left:2px;font-size:10px}.tcl-main-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.tcl-main-card{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:12px 14px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.tcl-main-card:hover{border-color:var(--primary, #0052FF);box-shadow:0 2px 8px #0052ff1a}.tcl-main-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tcl-main-rank{font-size:11px;font-weight:600;min-width:28px}.tcl-rank-1{color:#ef4444}.tcl-rank-2{color:#f59e0b}.tcl-rank-3{color:#3b82f6}.tcl-rank-other{color:#94a3b8}.tcl-main-name{font-size:14px;font-weight:600;color:var(--foreground, #1e293b);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-main-times{font-size:11px;color:#f59e0b;background:#f59e0b1f;padding:1px 6px;border-radius:3px;font-weight:600;white-space:nowrap}.tcl-main-pct{font-size:13px;font-weight:700;white-space:nowrap;margin-left:auto}.tcl-main-reason{font-size:13px;color:#64748b;margin-top:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tcl-stockpool-page{padding:0 0 16px}.tcl-stockpool-subtags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.tcl-stockpool-subtag{display:inline-flex;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.tcl-stockpool-subtag:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.tcl-stockpool-subtag.active{background:#6366f1;color:#fff;border-color:#6366f1}.tcl-stockpool-divider{display:flex;align-items:center;gap:12px;margin:0 0 10px;color:#94a3b8;font-size:12px;white-space:nowrap}.tcl-stockpool-divider:before,.tcl-stockpool-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.tcl-stockpool-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tcl-stockpool-cat{padding:4px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.tcl-stockpool-cat:hover{border-color:#c7d2fe;color:#6366f1}.tcl-stockpool-cat.active{background:#6366f1;color:#fff;border-color:#6366f1}.tcl-stockpool-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 960px){.tcl-stockpool-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.tcl-stockpool-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.tcl-stockpool-list{grid-template-columns:1fr}}.tcl-stockpool-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s}.tcl-stockpool-card:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114}.tcl-stockpool-row{display:flex;align-items:center;gap:6px}.tcl-stockpool-rank{font-size:11px;font-weight:700;color:#6366f1;min-width:20px}.tcl-stockpool-name{font-size:14px;font-weight:600;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-stockpool-code{font-size:11px;color:#94a3b8;font-family:monospace;white-space:nowrap;-webkit-user-select:all;user-select:all}.tcl-stockpool-pct{font-size:13px;font-weight:600;white-space:nowrap;min-width:55px;text-align:left}.tcl-stockpool-pct.tcl-pct-up{color:#e53e3e}.tcl-stockpool-pct.tcl-pct-down{color:#38a169}.tcl-stockpool-subjects{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tcl-stockpool-subject-tag{display:inline-block;padding:2px 10px;font-size:11px;border-radius:12px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.tcl-stockpool-subject-more{display:inline-block;padding:2px 8px;font-size:11px;border-radius:12px;background:#fef3c7;color:#92400e}.tcl-stockpool-reason{font-size:12px;color:#64748b;margin-top:8px;line-height:1.4}.mzqz-stockpool-meta{display:flex;align-items:center;gap:10px;margin-top:6px}.mzqz-stockpool-price{font-size:13px;font-weight:600;color:#1e293b}.mzqz-stockpool-limitup{font-size:11px;color:#e53e3e;font-weight:500}.mzqz-file-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mzqz-file-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:13px;text-decoration:none;transition:all .15s;cursor:pointer}.mzqz-file-link:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.mzqz-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mzqz-pdf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;flex-direction:column;animation:fadeIn .15s ease}.mzqz-pdf-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1e293b;color:#fff;flex-shrink:0}.mzqz-pdf-title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px}.mzqz-pdf-close{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s}.mzqz-pdf-close:hover{color:#fff}.mzqz-pdf-body{flex:1;overflow:hidden;background:#fff}.mzqz-pdf-iframe{width:100%;height:100%;border:none}.mzqz-pdf-fallback{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}.mzqz-pdf-fallback a{color:#6366f1;text-decoration:underline}.mzqz-stockpool-subjects{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;column-count:auto}.tcl-btn-wrap{display:flex;justify-content:center;margin:20px 0 8px}.tcl-btn-more{position:relative;padding:8px 28px;font-size:13px;font-weight:500;letter-spacing:.5px;color:#6366f1;background:transparent;border:1.5px solid #6366f1;border-radius:20px;cursor:pointer;overflow:hidden;transition:all .25s ease}.tcl-btn-more:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f1,#818cf8);opacity:0;transition:opacity .25s ease;border-radius:inherit}.tcl-btn-more:hover{color:#fff;border-color:transparent;box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.tcl-btn-more:hover:before{opacity:1}.tcl-btn-more:active{transform:translateY(0);box-shadow:0 2px 6px #6366f140}.tcl-btn-more span{position:relative;z-index:1}.tcl-live-page{padding:0 0 16px}.tcl-live-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 0}.tcl-live-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.tcl-live-card:hover{border-color:var(--primary);box-shadow:0 2px 12px #0052ff1a}.tcl-live-cover{position:relative;width:100%;aspect-ratio:16 / 9;background:#f1f5f9;overflow:hidden}.tcl-live-cover img{width:100%;height:100%;object-fit:cover}.tcl-live-duration{position:absolute;bottom:6px;right:6px;background:#000000b3;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.tcl-live-views{position:absolute;bottom:6px;left:6px;background:#0009;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px}.tcl-live-info{padding:10px 12px}.tcl-live-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tcl-live-desc{font-size:13px;color:#64748b;margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tcl-live-teacher{font-size:12px;color:var(--primary);margin-top:6px}.tcl-live-video-wrapper{padding:8px 0 8px 48px}.tcl-live-video{width:100%;max-width:580px;border-radius:6px;display:block}.tcl-player-toggle{display:flex;gap:6px;margin-bottom:8px}.tcl-player-toggle-btn{padding:3px 10px;font-size:12px;border:1px solid var(--border, #d1d5db);border-radius:4px;cursor:pointer;color:var(--secondary, #6b7280);background:var(--bg-tertiary, #f3f4f6);-webkit-user-select:none;user-select:none;transition:all .15s}.tcl-player-toggle-btn.active{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.tcl-player-toggle-btn:not(.active):hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.zxzb-toolbar{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.zxzb-search{display:flex;align-items:center;gap:6px}.zxzb-input{width:90px;padding:5px 10px;font-size:13px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);outline:none;transition:border-color .2s}.zxzb-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0052ff1a}.zxzb-search-btn{padding:5px 14px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.zxzb-search-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.zxzb-stock-tag{font-size:12px;color:var(--muted-foreground);padding:3px 10px;background:var(--muted);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.zxzb-status-bar{display:flex;align-items:center;gap:10px;font-size:12px}.zxzb-stat{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--muted);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.zxzb-stat-label{color:var(--mute);font-size:11px}.zxzb-stat-val{font-weight:600;color:var(--foreground)}.zxzb-body{min-height:200px}.zxzb-kline-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.zxzb-kline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.zxzb-card-label{font-size:13px;font-weight:600;color:var(--muted-foreground)}.zxzb-kline-info{font-size:12px;color:var(--muted-foreground);display:flex;gap:12px;flex-wrap:wrap}.zxzb-kline-info span{white-space:nowrap}.zxzb-chart-wrap,.zxzb-chart-wrap-sm{--bg: #1a2a3a;--card: #1a2a3a;--border: #2a3a4a;--text: #d0d8e0;--text-dim: #8898a8;--accent: #f0b90b;--green: #26a69a;--red: #ef5350;--blue: #42a5f5;--purple: #ab47bc;--orange: #ff7043}.zxzb-chart-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#1a2a3a}.zxzb-chart-main{width:100%;height:400px}.zxzb-indicators{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.zxzb-ind-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.zxzb-ind-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.zxzb-ind-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.zxzb-ind-name{font-size:13px;font-weight:500;color:var(--muted-foreground)}.zxzb-ind-val{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.zxzb-ind-val.bull{color:#ef5350}.zxzb-ind-val.bear{color:#26a69a}.zxzb-ind-val.neutral{color:var(--accent)}.zxzb-ind-val.high{color:#ab47bc}.zxzb-ind-detail{font-size:11px;color:var(--mute);margin-left:auto;line-height:1.4;text-align:right;flex-shrink:0}.zxzb-chart-wrap-sm{border-radius:var(--radius-sm);overflow:hidden;background:#1a2a3a;margin-bottom:6px}.zxzb-chart-sm{width:100%;height:80px}.zxzb-ind-desc{font-size:11px;color:var(--mute);line-height:1.3}.zxzb-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.zxzb-info-row{grid-template-columns:1fr}}.zxzb-info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.zxzb-info-title{font-size:13px;font-weight:600;color:var(--muted-foreground);margin-bottom:10px}.zxzb-info-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--hairline);font-size:13px}.zxzb-info-item:last-child{border-bottom:none}.zxzb-info-label{color:var(--muted-foreground)}.zxzb-info-val{font-weight:600;color:var(--foreground)}.zxzb-signal-list{max-height:180px;overflow-y:auto}.zxzb-signal-loading{text-align:center;color:var(--mute);font-size:13px;padding:16px 0}.zxzb-info-text{font-size:12px;line-height:1.7;color:var(--muted-foreground)}.zxzb-info-text p{margin-bottom:6px}.zxzb-info-text p:last-child{margin-bottom:0}.zxzb-info-text b{color:var(--foreground)}.zxzb-signal-list .signal-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--hairline);font-size:12px}.zxzb-signal-list .signal-item:last-child{border-bottom:none}.zxzb-signal-list .signal-date{color:var(--muted-foreground)}.zxzb-signal-list .signal-label{font-weight:500}.zxzb-signal-list .signal-label.buy{color:#ef5350}.zxzb-signal-list .signal-label.sell{color:#26a69a}.zxzb-signal-list .signal-label.hold{color:var(--accent)}.zxzb-info-val .val{font-weight:inherit;color:inherit}.gnkxxg-tabs{display:flex;gap:4px;padding:6px 10px;background:var(--card);border-radius:6px;margin-bottom:16px;border:1px solid var(--border);flex-wrap:wrap}.gnkxxg-tab{padding:5px 12px;font-size:13px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.gnkxxg-tab:hover{color:var(--foreground);background:var(--muted)}.gnkxxg-tab.active{color:var(--accent);background:#0052ff1a;box-shadow:inset 0 -2px 0 var(--accent)}.gnkxxg-subtabs{display:flex;gap:6px;padding:8px 16px;flex-wrap:wrap}.gnkxxg-subtab{padding:5px 14px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s;white-space:nowrap}.gnkxxg-subtab:hover{color:var(--foreground);background:var(--card);border-color:var(--border)}.gnkxxg-subtab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.gnkxxg-ldb-table-wrap{padding:0 16px;overflow-x:auto}.gnkxxg-ldb-table{width:100%;border-collapse:collapse;font-size:13px}.gnkxxg-ldb-table thead{position:sticky;top:0;z-index:2}.gnkxxg-ldb-table th{padding:8px 10px;text-align:left;font-weight:600;font-size:12px;color:var(--muted-foreground);background:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.gnkxxg-ldb-th-idx{width:30px;text-align:center}.gnkxxg-ldb-th-center,.gnkxxg-ldb-center{text-align:center}.gnkxxg-ldb-row td{padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.gnkxxg-ldb-row:hover td{background:#1e90ff08}.gnkxxg-ldb-idx{text-align:center;color:var(--muted-foreground);font-size:12px}.gnkxxg-ldb-name{font-weight:600;color:var(--foreground);margin-right:6px}.gnkxxg-ldb-code{font-family:var(--font-mono);color:var(--muted-foreground);font-size:12px}.gnkxxg-ldb-namecell{white-space:nowrap}.gnkxxg-ldb-num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.gnkxxg-ldb-num.up{color:#ef5350}.gnkxxg-ldb-num.down{color:#26a69a}.gnkxxg-ldb-time{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.gnkxxg-ldb-th-blocks{min-width:140px}.gnkxxg-ldb-blocks{max-width:260px;white-space:normal}.gnkxxg-ldb-btag{display:inline-block;font-size:11px;padding:1px 5px;margin:1px 2px;border-radius:3px;background:var(--muted);color:var(--muted-foreground);white-space:nowrap}.gnkxxg-ldb-btag.up{color:#ef5350;background:#ef535014}.gnkxxg-ldb-btag.down{color:#26a69a;background:#26a69a14}.gnkxxg-ldb-btag small{margin-left:2px;font-size:10px}.gnkxxg-ldb-bmore{font-size:11px;color:var(--accent);cursor:pointer;margin-left:2px}.gnkxxg-ldb-row.expanded{cursor:pointer}.gnkxxg-ldb-row:not(.expanded) td:first-child{cursor:default}.gnkxxg-ldb-blocks-expand{padding:4px 10px 8px 50px!important;border-bottom:1px solid var(--border)}.gnkxxg-ldb-strategies{white-space:normal;max-width:120px;display:flex;flex-direction:column;gap:2px}.gnkxxg-ldb-stag{display:inline-block;font-size:11px;padding:1px 6px;margin:1px 2px;border-radius:3px;background:#6366f114;color:#6366f1;white-space:nowrap;cursor:default}.gnkxxg-ldb-smore{display:block;font-size:12px;margin:0 auto;color:var(--accent);cursor:pointer;text-align:center;width:16px;line-height:1}.gnkxxg-spopup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000040;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.gnkxxg-spopup{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:200px;max-width:300px;padding:12px 0}.gnkxxg-spopup-title{font-size:13px;font-weight:600;color:var(--foreground);padding:0 16px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.gnkxxg-spopup-item{display:flex;flex-direction:column;padding:6px 16px}.gnkxxg-spopup-item:hover{background:var(--muted)}.gnkxxg-spopup-name{font-size:13px;color:var(--foreground)}.gnkxxg-spopup-date{font-size:11px;color:var(--muted-foreground);margin-top:1px}.gnkxxg-sort-rule{display:flex;justify-content:flex-end;gap:6px;padding:8px 16px}.gnkxxg-sort-btn{padding:5px 14px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s;white-space:nowrap}.gnkxxg-sort-btn:hover{color:var(--foreground);background:var(--card);border-color:var(--border)}.gnkxxg-sort-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.gnkxxg-qmtc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:0 16px}.gnkxxg-qmtc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;transition:all .15s}.gnkxxg-qmtc-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.gnkxxg-qmtc-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gnkxxg-qmtc-name{font-size:14px;font-weight:600;color:var(--foreground)}.gnkxxg-qmtc-rate{font-size:13px;font-weight:600;margin-left:auto;font-variant-numeric:tabular-nums}.gnkxxg-qmtc-rate.up{color:#ef5350}.gnkxxg-qmtc-rate.down{color:#26a69a}.gnkxxg-qmtc-score{font-size:12px;font-weight:600;color:#6366f1;background:#6366f114;padding:1px 6px;border-radius:3px}.gnkxxg-qmtc-meta{display:flex;gap:12px;font-size:12px;color:var(--muted-foreground);margin-bottom:6px}.gnkxxg-qmtc-meta b{color:var(--foreground)}.gnkxxg-qmtc-stocks{display:flex;flex-wrap:wrap;gap:4px}.gnkxxg-qmtc-stock{font-size:11px;padding:1px 5px;border-radius:3px;background:var(--muted);color:var(--muted-foreground);white-space:nowrap}.gnkxxg-qmtc-stock.up{color:#ef5350;background:#ef535014}.gnkxxg-qmtc-stock.down{color:#26a69a;background:#26a69a14}.gnkxxg-qmtc-stock small{margin-left:2px;font-size:10px}.gnkxxg-qmtc-more{font-size:11px;color:var(--accent)}.nnxy-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border);margin-bottom:0}.nnxy-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.nnxy-tab.active{color:#6366f1;border-bottom-color:#6366f1}.nnxy-sub-tabs{display:flex;gap:8px;padding:10px 16px;flex-wrap:wrap}.nnxy-sub-tab{padding:5px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:16px;background:var(--card);border:1px solid var(--border);transition:all .15s}.nnxy-sub-tab.active{color:#fff;background:#6366f1;border-color:#6366f1}.nnxy-body{padding:0 16px 60px}.nnxy-section-label{font-size:13px;font-weight:600;color:var(--foreground);padding:12px 0 6px;display:flex;align-items:center;gap:8px}.nnxy-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.nnxy-list{display:flex;flex-direction:column;gap:12px}.nnxy-item-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s}.nnxy-item-wrap:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.nnxy-item{display:flex;align-items:center;cursor:pointer}.nnxy-cover{width:200px;min-width:200px;height:112px;object-fit:cover;display:block;flex-shrink:0;border-radius:6px}@media (max-width: 768px){.nnxy-cover{width:100px;min-width:100px;height:56px;border-radius:4px}.nnxy-info{padding:8px 10px}.nnxy-title{font-size:13px;line-height:1.4;margin-bottom:4px}.nnxy-meta{font-size:11px;gap:8px}}.nnxy-info{padding:10px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}.nnxy-title{font-size:14px;font-weight:600;color:var(--foreground);line-height:1.4;margin-bottom:6px}.nnxy-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-foreground);flex-wrap:wrap}.nnxy-teacher{color:#6366f1;font-weight:500}.nnxy-date,.nnxy-stat{font-variant-numeric:tabular-nums}.nnxy-cost{font-size:11px;color:#f59e0b;font-weight:600}.nnxy-desc{font-size:11px;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nnxy-detail-panel{padding:8px 14px;border-top:1px solid var(--border);max-height:300px;overflow-y:auto}.nnxy-detail-list{display:flex;flex-direction:column;gap:6px}.nnxy-detail-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--card);border-radius:6px;border:1px solid var(--border)}.nnxy-detail-title{font-size:12px;color:var(--foreground);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nnxy-pin{display:inline-block;font-size:10px;color:#fff;background:#f59e0b;border-radius:3px;padding:0 4px;margin-right:4px;line-height:16px;vertical-align:middle}.nnxy-detail-time{font-size:10px;color:var(--text-secondary);margin-left:8px;white-space:nowrap}.nnxy-detail-empty{font-size:12px;color:var(--text-secondary);text-align:center;padding:8px}.nnxy-video-panel{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.nnxy-detail-item{cursor:pointer}.nnxy-player{padding:10px 14px;border-top:1px solid var(--border)}.nnxy-video{width:100%;max-height:360px;border-radius:6px;display:block}.nnxy-iframe{width:100%;height:360px;border:none;border-radius:6px}.nnxy-loading-vod{display:flex;align-items:center;gap:8px;justify-content:center;padding:20px;color:var(--text-secondary);font-size:13px}.nnxy-video-wrap{position:relative}.nnxy-video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#00000080;color:#fff;font-size:13px;border-radius:6px;z-index:1}.nnxy-quality-group{display:inline-flex;gap:4px;margin-left:8px}.nnxy-quality-btn{padding:2px 8px;font-size:11px;border-radius:10px;cursor:pointer;background:var(--card);color:var(--text-secondary);border:1px solid var(--border);transition:all .15s}.nnxy-quality-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.tsyb-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border)}.tsyb-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tsyb-tab.active{color:#6366f1;border-bottom-color:#6366f1}.tsyb-body{padding:0 16px 60px}.tsyb-list{display:flex;flex-direction:column;gap:10px;padding-top:12px}.tsyb-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all .15s;position:relative;overflow:visible}.tsyb-item:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.tsyb-item-title-row{display:flex;align-items:flex-start;gap:8px}.tsyb-item-title{font-size:14px;font-weight:500;color:var(--foreground);line-height:20px;margin-bottom:4px}.tsyb-item-preview{font-size:12px;color:var(--text-secondary);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.tsyb-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tsyb-stock{font-size:12px;font-weight:600;color:var(--accent)}.tsyb-code{font-size:11px;color:var(--text-secondary)}.tsyb-date{position:absolute;top:-10px;left:-1px;font-size:11px;color:var(--text-secondary);white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md) 0 var(--radius-md) 0;padding:1px 6px;line-height:1.5;z-index:1}.tsyb-rate{font-size:12px;font-weight:600}.tsyb-rate.up{color:var(--red, #ef4444)}.tsyb-rate.down{color:var(--green, #10b981)}.tsyb-item-summary{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;line-height:20px;color:var(--text-secondary)}.tsyb-item-summary p{margin:0 0 6px}.tsyb-item-summary p:last-child{margin-bottom:0}.tsyb-item-expand-bar{display:flex;justify-content:flex-end;padding-top:8px;margin-top:8px;border-top:1px solid var(--border);cursor:pointer}.tsyb-summary-label{font-weight:600;color:var(--accent);margin-right:4px}.tsyb-type-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:600;border-radius:4px;margin-right:6px;vertical-align:middle}.tsyb-type-badge.type-0{background:#6366f11f;color:#6366f1}.tsyb-type-badge.type-2{background:#10b9811f;color:#10b981}.tsyb-type-badge.type-1{background:#f59e0b1f;color:#f59e0b}.charge-body{padding:0 16px 60px}.charge-duration-section{padding:12px 0}.charge-duration-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.charge-duration-options{display:flex;gap:6px;flex-wrap:wrap}.charge-duration-btn{padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--card);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .15s}.charge-duration-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.charge-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:12px}.charge-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.charge-tab.active{color:#6366f1;border-bottom-color:#6366f1}.charge-summary{display:flex;align-items:center;gap:16px;padding:8px 0;font-size:13px;color:var(--text-secondary)}.charge-summary-free{color:#10b981;font-weight:600}.charge-summary-busy{color:var(--text-secondary);font-weight:600}.charge-stop-btn{margin-left:auto;padding:6px 16px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease-out;box-shadow:0 2px 8px #ef44444d}.charge-stop-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.charge-stop-btn:active{transform:translateY(0) scale(.97)}.charge-stop-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.charge-active-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--radius-md);margin-bottom:12px;color:#fff}.charge-active-info{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;flex:1;flex-wrap:wrap}.charge-active-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.charge-active-remote{font-size:12px;opacity:.85;background:#ffffff26;padding:2px 8px;border-radius:4px}.charge-stop-btn{padding:6px 16px;font-size:12px;font-weight:600;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-md);background:transparent;color:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.charge-stop-btn:hover:not(:disabled){background:#fff3;border-color:#fff}.charge-stop-btn:disabled{opacity:.5;cursor:not-allowed}.charge-orders-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.charge-orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.charge-orders-title{font-size:15px;font-weight:600;color:var(--foreground)}.charge-orders-tabs{display:flex;gap:4px}.charge-orders-tab{padding:4px 10px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .15s}.charge-orders-tab.active{color:#fff;background:#6366f1;border-color:#6366f1}.charge-orders-loading,.charge-orders-empty{text-align:center;padding:20px 0;font-size:13px;color:var(--muted-foreground)}.charge-orders-list{display:flex;flex-direction:column;gap:8px}.charge-order-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px}.charge-order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.charge-order-date{font-size:13px;font-weight:600;color:var(--foreground)}.charge-order-status{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px}.charge-order-status.success{color:#10b981;background:#10b9811a}.charge-order-status.fail{color:var(--error);background:var(--error-soft)}.charge-order-detail{display:flex;gap:12px;font-size:12px;color:var(--muted-foreground)}.charge-pile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding-top:4px}.charge-pile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 10px;text-align:center;transition:all .15s}.charge-pile.free{border-color:#10b9814d}.charge-pile-name{font-size:13px;font-weight:500;color:var(--foreground);margin-bottom:6px}.charge-pile-status{font-size:11px;font-weight:600;color:var(--text-secondary);padding:2px 8px;border-radius:10px;background:var(--muted);display:inline-block}.charge-pile-status.free{color:#10b981;background:#10b9811a}.charge-pile-btn{margin-top:8px;padding:6px 16px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease-out;box-shadow:0 2px 8px #10b9814d}.charge-pile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.charge-pile-btn:active{transform:translateY(0) scale(.97)}.charge-pile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.charge-result{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-bottom:12px;animation:fadeIn .3s ease-out}.charge-result.success{color:#065f46;background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.charge-result.fail{color:#991b1b;background:var(--error-soft);border:1px solid rgba(220,38,38,.2)}.charge-duration-hint{font-size:11px;color:var(--warning);margin-top:6px}.charge-pile-occupied{margin-top:8px;font-size:11px;font-weight:500;color:var(--muted-foreground)}.tsyb-zxzj-section{padding:0 16px;margin-bottom:12px}.tsyb-zxzj-header{font-size:15px;font-weight:600;color:var(--foreground);padding:10px 0 8px}.tsyb-zxzj-loading{display:flex;justify-content:center;padding:16px}.tsyb-zxzj-grid{display:flex;gap:10px;padding:8px 16px;margin:0 -16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tsyb-zxzj-grid::-webkit-scrollbar{height:4px}.tsyb-zxzj-grid::-webkit-scrollbar-track{background:transparent}.tsyb-zxzj-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media (hover: none) and (pointer: coarse){.tsyb-zxzj-grid{scrollbar-width:none}.tsyb-zxzj-grid::-webkit-scrollbar{display:none}}.tsyb-zxzj-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .15s;min-width:240px;max-width:240px;flex-shrink:0}.tsyb-zxzj-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.tsyb-zxzj-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tsyb-zxzj-detail{padding:12px 16px;margin:8px 0 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;line-height:1.7;color:var(--foreground);max-height:480px;overflow-y:auto}.tsyb-zxzj-detail-empty{text-align:center;color:var(--tertiary);padding:24px 0;font-size:13px}.tsyb-zxzj-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.tsyb-zxzj-name{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsyb-zxzj-rate{display:flex;align-items:center;gap:2px;flex-shrink:0}.tsyb-zxzj-rate-label{font-size:10px;color:var(--text-secondary)}.tsyb-zxzj-arrow{font-size:14px;color:var(--text-secondary);margin-left:2px}.tsyb-zxzj-title{margin-top:4px;font-size:13px;line-height:18px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tsyb-detail-loading{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;color:var(--text-secondary);font-size:13px}.tsyb-detail-html{font-size:13px;line-height:22px;color:var(--text-secondary);overflow:hidden;word-break:break-word}.tsyb-detail-html img{max-width:100%;height:auto;border-radius:6px;margin:4px 0}.tsyb-detail-html p{margin:0 0 8px}.tsyb-detail-html strong{color:var(--foreground);font-weight:600}.tsyb-detail-html a{color:var(--accent);text-decoration:none;cursor:pointer}.tsyb-detail-html a:hover{text-decoration:underline}.tsyb-detail-html hr{border:none;border-top:1px solid var(--border);margin:12px 0}.tsyb-detail-html u{text-decoration:none}.tsyb-header-search-btn{margin-left:auto;height:28px;padding:0 14px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.tsyb-header-search-btn:hover{color:var(--accent);border-color:var(--accent)}.tsyb-header-search-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.tsyb-header-search-hint{font-size:11px;color:var(--muted-foreground);margin-left:auto;white-space:nowrap}.tsyb-search-bar{padding:10px 0 6px;position:relative}.tsyb-search-input-wrap{display:flex;gap:8px;align-items:center}.tsyb-search-input{flex:1;height:36px;padding:0 12px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--foreground);outline:none;transition:border-color .15s}.tsyb-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0052ff1f}.tsyb-search-input::placeholder{color:var(--mute)}.tsyb-search-btn{height:36px;padding:0 18px;font-size:13px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.tsyb-search-btn:hover:not(:disabled){background:var(--accent-hover)}.tsyb-search-btn:disabled{opacity:.5;cursor:not-allowed}.tsyb-search-quota{position:absolute;top:-20px;right:0;font-size:11px;color:var(--muted-foreground);background:var(--canvas-soft2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 10px;letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tsyb-search-quota .quota-exhausted{color:#dc2626;font-weight:500}.tsyb-search-history{margin:12px 0 4px}.tsyb-search-history-title{font-size:11px;color:var(--muted-foreground);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.tsyb-search-history-list{display:flex;flex-wrap:wrap;gap:8px}.tsyb-search-history-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:var(--canvas-soft2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--foreground)}.tsyb-search-history-tag:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.tsyb-search-history-tag:hover .tsyb-search-history-meta{color:#ffffffb3}.tsyb-search-history-tag:hover .tsyb-search-history-del{color:#fff9}.tsyb-search-history-tag:hover .tsyb-search-history-del:hover{color:#fff}.tsyb-search-history-meta{font-size:10px;color:var(--muted-foreground);font-weight:400}.tsyb-search-history-del{font-size:14px;line-height:1;color:var(--mute);margin-left:2px;transition:color .15s;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.tsyb-search-history-del:hover{color:#dc2626;background:#dc262614}.tsyb-search-results{margin-top:8px;padding:12px 0;border-top:1px solid var(--border)}.tsyb-search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tsyb-search-results-title{font-size:13px;font-weight:600;color:var(--foreground)}.tsyb-search-close-btn{font-size:12px;color:var(--muted-foreground);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:all .15s}.tsyb-search-close-btn:hover{color:var(--error);border-color:var(--error)}.tsyb-search-list{display:flex;flex-direction:column;gap:8px}.tsyb-search-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .15s}.tsyb-search-item:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-sm)}.tsyb-search-item.expanded{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tsyb-search-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tsyb-search-item-name{font-size:13px;font-weight:600;color:var(--foreground)}.tsyb-search-score{font-size:11px;color:var(--muted-foreground);margin-left:auto}.tsyb-search-item-title{font-size:13px;font-weight:500;color:var(--foreground);line-height:20px;margin-bottom:4px}.tsyb-search-item-summary{font-size:12px;color:var(--muted-foreground);line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.tsyb-search-item-meta{display:flex;align-items:center;gap:8px}.tsyb-search-item-time{font-size:11px;color:var(--muted-foreground)}.tsyb-search-expand-hint{font-size:11px;color:var(--accent);margin-left:auto}.tsyb-search-item-detail{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.tsyb-search-item-summary-full{font-size:13px;line-height:22px;color:var(--text-secondary);white-space:pre-wrap}.tsyb-search-highlight{color:#dc2626;font-weight:700}.gnkxxg-body{padding:0 16px}.gnkxxg-star-filter{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;flex-wrap:wrap;margin-top:8px}.gnkxxg-filter-label{font-size:12px;color:var(--muted-foreground);white-space:nowrap;display:flex;align-items:center;gap:8px;width:100%}.gnkxxg-filter-label:before,.gnkxxg-filter-label:after{content:"";flex:1;height:1px;background:var(--border)}.gnkxxg-filter-btn{padding:4px 12px;font-size:12px;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all .15s;white-space:nowrap}.gnkxxg-filter-btn:hover{color:var(--foreground);border-color:var(--border)}.gnkxxg-filter-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.gnkxxg-score-filter{display:flex;align-items:center;gap:20px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.gnkxxg-range{display:flex;align-items:center;gap:10px;position:relative}.gnkxxg-range-label{font-size:12px;font-weight:500;color:var(--muted-foreground);white-space:nowrap;letter-spacing:.02em}.gnkxxg-range-input{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--border) 0%,var(--accent) 50%,var(--border) 100%);border-radius:2px;outline:none;cursor:pointer;transition:height .15s ease}.gnkxxg-range-input:hover{height:6px}.gnkxxg-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 0 0 1px var(--accent),0 2px 6px #0052ff4d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gnkxxg-range-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--accent),0 2px 8px #0052ff66}.gnkxxg-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 0 0 1px var(--accent),0 2px 6px #0052ff4d;cursor:pointer}.gnkxxg-range-val{font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;min-width:56px;text-align:center;background:#0052ff14;padding:2px 8px;border-radius:4px}.gnkxxg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.gnkxxg-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);transition:all .2s}.gnkxxg-card:hover{box-shadow:var(--shadow-md);border-color:var(--hairline-strong)}.gnkxxg-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.gnkxxg-stock-name{font-size:15px;font-weight:600;color:var(--foreground)}.gnkxxg-stock-code{font-size:12px;color:var(--muted-foreground);font-family:monospace}.gnkxxg-card-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:var(--muted-foreground);line-height:1.6}.gnkxxg-card-body b{color:var(--foreground);font-variant-numeric:tabular-nums}.gnkxxg-score b{color:var(--accent)}.gnkxxg-rank b{color:#6366f1}.gnkxxg-change.up b{color:#ef5350}.gnkxxg-change.down b{color:#26a69a}.gnkxxg-price b{color:var(--foreground)}.gnkxxg-time{margin-left:auto;color:var(--muted-foreground);font-size:12px}.gnkxxg-summary{width:100%;font-size:12px;color:var(--muted-foreground);line-height:1.5;margin-top:4px}.gnkxxg-detail{width:100%;font-size:12px;line-height:1.5;margin-top:4px}.gnkxxg-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.gnkxxg-tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:#0052ff14;color:var(--accent);white-space:nowrap}.gnkxxg-load-more{display:flex;justify-content:center;padding:20px 0}.gnkxxg-stat-item{margin-left:auto;font-size:13px;color:var(--muted-foreground);white-space:nowrap}.gnkxxg-stat-item b{color:var(--foreground)}.gnkxxg-industry{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:#6366f114;color:#6366f1;white-space:nowrap}.gnkxxg-stars{display:inline-flex;gap:1px}.gnkxxg-star{font-size:14px;color:var(--border);line-height:1}.gnkxxg-star.filled{color:#f59e0b}.gnkxxg-open{font-size:13px;color:var(--muted-foreground)}.gnkxxg-open b{color:var(--foreground)}.gnkxxg-card-blocks{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;max-height:3.4em;overflow:hidden}.gnkxxg-block{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--muted);color:var(--muted-foreground);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.gnkxxg-block small{font-size:10px}.gnkxxg-block.up{background:#ef53500f;color:#ef5350}.gnkxxg-block.down{background:#26a69a0f;color:#26a69a}.gnkxxg-block-more{font-size:11px;padding:2px 6px;color:var(--muted-foreground)}.gnkxxg-pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 0}.gnkxxg-page-num{font-size:13px;font-weight:600;color:var(--foreground);min-width:24px;text-align:center}.sxtzb-banner{margin:0 16px 8px;padding:8px 16px;background:#0052ff14;border:1px solid rgba(0,82,255,.2);border-radius:var(--radius-md);font-size:13px;color:var(--accent);cursor:pointer;text-align:center}.sxtzb-body{padding:0 16px}.sxtzb-list{background:var(--card);border-radius:8px;border:1px solid var(--border);padding:0;position:relative}.sxtzb-item{display:flex;position:relative;padding:12px 12px 12px 75px;min-height:48px;cursor:pointer;transition:background .15s}.sxtzb-item:hover{background:#1e90ff08}.sxtzb-item:not(:last-child):after{content:"";position:absolute;left:60px;top:24px;bottom:0;width:1px;background:var(--border)}.sxtzb-item:last-child:after{content:"";position:absolute;left:60px;top:24px;height:20px;width:1px;background:var(--border)}.sxtzb-item-summary{font-size:13px;color:var(--muted-foreground);line-height:1.5;margin-top:4px}.sxtzb-video-wrapper{margin-top:12px;border-radius:var(--radius-md);overflow:hidden;background:#000}.sxtzb-video{width:100%;max-height:500px;display:block}.sxtzb-video-loading{padding:24px;text-align:center;color:var(--muted-foreground);font-size:13px}.sxtzb-player-toggle{display:flex;gap:8px;padding:8px 12px;background:#0009}.sxtzb-player-toggle-btn{padding:4px 12px;font-size:12px;border-radius:var(--radius-pill);background:#ffffff1a;color:#fff9;cursor:pointer;transition:all .15s}.sxtzb-player-toggle-btn:hover{color:#fff;border-color:#ffffff4d}.sxtzb-player-toggle-btn.active{background:var(--accent);color:#0f1923}.mzqz-sub-tabs{display:flex;gap:2px;padding:4px 0 8px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.mzqz-sub-tab{padding:8px 16px;border:none;background:transparent;color:var(--muted-foreground);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;display:flex;align-items:center;gap:4px}.mzqz-sub-tab:hover{color:var(--foreground)}.mzqz-sub-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.mzqz-sub-tab-desc{font-size:11px;color:var(--muted-foreground);opacity:.6}.tcl-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted-foreground);text-align:center;gap:12px}.tcl-placeholder svg{opacity:.3}.tcl-placeholder p{font-size:15px;color:var(--muted-foreground)}.tcl-placeholder-desc{font-size:13px;opacity:.5}.mzqz-pool-sub-tabs{display:flex;gap:4px;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:0}.mzqz-pool-sub-tab{padding:4px 14px;font-size:12px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all .15s;line-height:1.6}.mzqz-pool-sub-tab:hover{border-color:var(--accent);color:var(--accent)}.mzqz-pool-sub-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.txn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.txn-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;flex:1;min-width:200px;max-width:320px}.txn-search-input{border:none;background:transparent;outline:none;font-size:13px;color:var(--foreground);width:100%}.txn-search-input::placeholder{color:var(--muted-foreground)}.txn-filters{display:flex;gap:8px}.txn-filter-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);font-size:13px;color:var(--foreground);cursor:pointer;outline:none}.txn-filter-select:focus{border-color:var(--accent)}.txn-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--muted-foreground);font-size:14px}.txn-loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.txn-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 0;color:var(--error);font-size:14px}.txn-error .btn-sm{margin-left:8px}.txn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 0;color:var(--muted-foreground)}.txn-empty svg{opacity:.4}.txn-empty p{font-size:14px}.txn-cell-date{white-space:nowrap;font-size:13px;color:var(--muted-foreground)}.txn-cell-order code{font-size:12px;color:var(--muted-foreground);background:var(--muted);padding:2px 6px;border-radius:4px}.txn-cell-amount{font-weight:600;font-family:Geist Mono,JetBrains Mono,monospace}.txn-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px}.txn-status{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500}.txn-status-success{background:var(--green-soft);color:var(--green)}.txn-status-fail{background:var(--error-soft);color:var(--error)}.txn-status-pending{background:var(--warning-soft);color:var(--warning)}.txn-status-refund{background:var(--muted);color:var(--muted-foreground)}.txn-cell-desc{font-size:13px;color:var(--muted-foreground);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;padding:12px 0}.txn-page-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);font-size:13px;cursor:pointer;transition:all .15s}.txn-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.txn-page-btn.active{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.txn-page-btn:disabled{opacity:.4;cursor:not-allowed}.txn-page-info{margin-left:12px;font-size:12px;color:var(--muted-foreground)}@media (max-width: 768px){.txn-toolbar{flex-direction:column;align-items:stretch}.txn-search{max-width:none}.txn-filters{justify-content:flex-end}}.sync-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px;background:var(--card);border-radius:8px 8px 0 0;overflow:hidden}.sync-tab{padding:10px 24px;font-size:14px;cursor:pointer;color:var(--muted-foreground);border-bottom:2px solid transparent;transition:all .2s}.sync-tab:hover{color:var(--foreground);background:var(--muted)}.sync-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.sync-error-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:12px}.sync-error-close{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:0 4px}.sync-running-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;font-size:13px;margin-bottom:12px}.sync-running-spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite}.sync-cancel-btn{margin-left:auto;padding:4px 12px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;font-size:12px;cursor:pointer}.sync-cancel-btn:hover{background:#fecaca}.sync-body{flex:1}.sync-section-toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sync-btn{padding:8px 16px;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.sync-btn:hover{background:var(--muted);border-color:var(--accent)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sync-btn-primary:hover{filter:brightness(1.1)}.sync-btn-accent{background:#10b981;color:#fff;border-color:#10b981}.sync-btn-accent:hover{filter:brightness(1.1)}.sync-btn-sm{padding:3px 8px;font-size:11px}.sync-btn-exec{background:#2563eb;color:#fff;border-color:#2563eb}.sync-btn-exec:hover{filter:brightness(1.1)}.sync-btn-del{color:#dc2626}.sync-btn-del:hover{background:#fef2f2;border-color:#dc2626}.sync-rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.sync-rule-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px 10px;transition:all .15s;aspect-ratio:2;display:flex;flex-direction:column}.sync-rule-card:hover{box-shadow:0 2px 8px #00000014}.sync-rule-card.disabled{opacity:.6}.sync-rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-shrink:0}.sync-rule-name{font-size:12px;font-weight:600;color:var(--foreground)}.sync-rule-desc{font-size:10px;color:var(--muted-foreground);margin-bottom:6px}.sync-rule-info{margin-bottom:6px;flex:1;overflow:hidden}.sync-rule-row{display:flex;align-items:baseline;gap:3px;margin-bottom:2px;font-size:10px}.sync-rule-row-inline{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;font-size:10px;flex-wrap:wrap}.sync-rule-item{display:flex;align-items:baseline;gap:3px}.sync-rule-label{color:var(--muted-foreground);min-width:20px;flex-shrink:0}.sync-rule-value{color:var(--foreground);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-rule-value-long{color:var(--foreground);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}.sync-rule-actions{display:flex;gap:3px;border-top:1px solid var(--border);padding-top:6px;flex-shrink:0}.sync-toggle{position:relative;display:inline-block;width:28px;height:16px;cursor:pointer}.sync-toggle input{opacity:0;width:0;height:0}.sync-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:8px;transition:.2s}.sync-toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:.2s}.sync-toggle input:checked+.sync-toggle-track{background:#10b981}.sync-toggle input:checked+.sync-toggle-track:after{transform:translate(12px)}.sync-ds-list{display:flex;flex-direction:column;gap:8px}.sync-ds-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px}.sync-ds-info{flex:1;min-width:0}.sync-ds-name{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:2px}.sync-ds-uri{font-size:12px;color:var(--muted-foreground);word-break:break-all;font-family:monospace}.sync-ds-actions{display:flex;gap:6px;margin-left:12px;flex-shrink:0}.sync-log-list{display:flex;flex-direction:column;gap:6px}.sync-log-item{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sync-log-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.sync-log-header:hover{background:var(--muted)}.sync-log-rule{flex:1;font-size:14px;font-weight:500;color:var(--foreground)}.sync-log-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.sync-log-status.sync-status-ok{background:#dcfce7;color:#16a34a}.sync-log-status.sync-status-err{background:#fef2f2;color:#dc2626}.sync-log-status.sync-status-running{background:#dbeafe;color:#2563eb}.sync-log-status.sync-status-warn{background:#fef9c3;color:#ca8a04}.sync-log-time{font-size:12px;color:var(--muted-foreground);white-space:nowrap}.sync-log-expand{font-size:10px;color:var(--muted-foreground)}.sync-log-detail{padding:0 16px 12px;border-top:1px solid var(--border)}.sync-log-meta{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0;font-size:12px;color:var(--muted-foreground)}.sync-log-err-count{color:#dc2626;font-weight:600}.sync-log-time-detail{font-size:12px;color:var(--muted-foreground);margin-bottom:8px}.sync-log-details-list{max-height:400px;overflow-y:auto;background:#f8fafc;border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px;font-family:monospace;line-height:1.6}.sync-log-detail-item{padding:2px 4px}.sync-log-detail-time{color:#94a3b8}.sync-log-detail-level{font-weight:600}.sync-log-detail-coll{color:#6366f1}.sync-log-detail-msg{color:var(--foreground)}.sync-log-level-error{background:#fef2f2;border-radius:2px}.sync-log-level-warn{background:#fffbeb;border-radius:2px}.sync-log-level-error .sync-log-detail-msg{color:#dc2626}.sync-log-level-warn .sync-log-detail-msg{color:#d97706}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:fadeInUp .3s ease-out}.sync-modal{max-width:560px}.sync-modal .modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border);padding:18px 24px;border-radius:8px 8px 0 0}.sync-modal .modal-header h3{font-size:16px;font-weight:700;color:var(--foreground)}.sync-modal .modal-body{padding:20px 24px;background:#fff}.sync-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border);background:#fff}.sync-modal .form-section{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;background:#fafafa}.sync-modal .form-section-title{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.sync-modal .form-group{margin-bottom:14px}.sync-modal .form-group:last-child{margin-bottom:0}.sync-modal .form-label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.sync-modal .form-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;color:var(--foreground);box-sizing:border-box;transition:border-color .15s}.sync-modal .form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0052ff14}.sync-modal .form-textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;background:#fff;color:var(--foreground);transition:border-color .15s}.sync-modal .form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0052ff14}.sync-modal .form-select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;color:var(--foreground);box-sizing:border-box;transition:border-color .15s;cursor:pointer}.sync-modal .form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0052ff14}.sync-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,max-content));gap:10px;align-items:stretch;justify-content:flex-start;justify-items:start}.sync-checkbox{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:13px;font-weight:500;cursor:pointer;padding:10px 14px;border:1px solid rgba(0,82,255,.15);border-radius:8px;background:linear-gradient(135deg,#f8fafccc,#f1f5f9e6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;overflow:hidden;text-align:left}.sync-checkbox:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,82,255,.1),transparent);opacity:0;transition:opacity .3s ease}.sync-checkbox:hover{border-color:#0052ff4d;background:linear-gradient(135deg,#f8faffe6,#f1f5fff2);transform:translateY(-1px);box-shadow:0 4px 12px #0052ff14,0 1px 2px #0052ff0d}.sync-checkbox:hover:before{opacity:1}.sync-checkbox:active{transform:translateY(0);box-shadow:0 2px 6px #0052ff0d}.sync-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent);flex-shrink:0;position:relative;transition:all .2s ease}.sync-checkbox input:checked{transform:scale(1.05)}.sync-checkbox input:checked:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:#0052ff1a;animation:checkboxPulse .3s ease-out}@keyframes checkboxPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:0}}.sync-checkbox span{position:relative;color:var(--foreground);transition:color .2s ease}.sync-checkbox:hover span{color:var(--accent)}.sync-checkbox input:checked+span{color:var(--accent);font-weight:600}.sync-checkbox input:checked+span:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),rgba(0,82,255,.3));animation:underlineSlide .3s ease-out}@keyframes underlineSlide{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.sync-hint{font-size:11px;color:var(--muted-foreground);margin-top:4px;display:block}.form-row{display:flex;gap:12px;align-items:flex-start}.form-group-half{flex:1;display:flex;flex-direction:column}.sync-scheduler-list{display:flex;flex-direction:column;gap:8px}.sync-scheduler-summary{font-size:13px;color:var(--muted-foreground);margin-bottom:8px}.sync-scheduler-item{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.sync-scheduler-name{font-size:14px;font-weight:600;color:var(--foreground)}.sync-scheduler-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.sync-scheduler-cron code{background:var(--muted);padding:1px 6px;border-radius:4px;font-family:monospace;font-size:12px}.sync-scheduler-next{color:var(--muted-foreground)}.sync-scheduler-cron-list{display:flex;flex-direction:column;gap:4px}.sync-scheduler-cron-row{display:flex;align-items:center;gap:6px;font-size:13px}.sync-scheduler-nexttime{color:var(--muted-foreground);font-size:12px}.sync-scheduler-statuses{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.sync-scheduler-dot{font-size:12px;padding:2px 8px;border-radius:4px;cursor:help;display:inline-flex;align-items:center;gap:4px}.sync-dot-time{font-size:11px;opacity:.75}.dot-success{background:#e6f7e6;color:#1a7d1a}.dot-fail{background:#ffe6e6;color:#c00}.dot-cancel{background:#f0f0f0;color:#666}.dot-running{background:#e6f0ff;color:#05c}@media (max-width: 768px){.sync-rule-grid{grid-template-columns:1fr}.sync-log-header{flex-wrap:wrap;gap:6px}.sync-log-rule{width:100%}.sync-log-time{margin-left:auto}.sync-modal{max-width:100%;margin:0 12px}.sync-checkbox-group{grid-template-columns:repeat(2,1fr);gap:8px;align-items:stretch;justify-content:flex-start;justify-items:start}.sync-checkbox{padding:8px 10px;font-size:12px;min-width:0;justify-content:flex-start;text-align:left}}