:root{--wallpaper-base: #e9edf5;--blob-blue: #a8c8ff;--blob-purple: #d9c4ff;--blob-pink: #ffc4e6;--blob-teal: #b6f0e0;--blob-amber: #ffd9b8;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--accent: #0a84ff;--accent-hover: #0070e0;--accent-soft: rgba(10, 132, 255, .12);--danger: #ff3b30;--success: #30d158;--warning: #ff9f0a;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-bg-elevated: rgba(255, 255, 255, .5);--glass-bg-dark: rgba(28, 28, 30, .55);--glass-border: 1px solid rgba(255, 255, 255, .7);--glass-border-subtle: 1px solid rgba(255, 255, 255, .45);--glass-border-dark: 1px solid rgba(255, 255, 255, .14);--glass-highlight: inset 0 1px 1px rgba(255, 255, 255, .65);--glass-blur: 30px;--glass-saturate: 180%;--radius-window: 22px;--radius-glass: 18px;--radius-card: 14px;--radius-control: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 4px 16px rgba(17, 24, 39, .08);--shadow-glass: 0 10px 40px rgba(17, 24, 39, .1), 0 2px 8px rgba(17, 24, 39, .06);--shadow-glass-lg: 0 20px 60px rgba(17, 24, 39, .16), 0 8px 24px rgba(17, 24, 39, .08);--ease-soft: cubic-bezier(.16, 1, .3, 1);--dur-fast: .16s;--dur: .24s;--dur-slow: .4s;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--wallpaper-base);background-image:radial-gradient(circle at 18% 22%,var(--blob-blue) 0%,transparent 42%),radial-gradient(circle at 82% 16%,var(--blob-purple) 0%,transparent 40%),radial-gradient(circle at 80% 80%,var(--blob-pink) 0%,transparent 38%),radial-gradient(circle at 20% 82%,var(--blob-teal) 0%,transparent 40%),radial-gradient(circle at 50% 52%,var(--blob-amber) 0%,transparent 30%);background-size:150% 150%;background-repeat:no-repeat;animation:wallpaper-drift 90s var(--ease-soft) infinite alternate}@keyframes wallpaper-drift{0%{background-position:0% 0%;transform:scale(1)}50%{background-position:28% 22%;transform:scale(1.04)}to{background-position:12% 30%;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){body:before{animation:none;transform:none}}.glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--glass-highlight),var(--shadow-glass)}.glass-sider{background:var(--glass-bg-dark)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:var(--glass-border-dark);box-shadow:var(--glass-highlight)}.glass-header{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid rgba(255,255,255,.5);box-shadow:var(--glass-highlight)}.glass-content{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--glass-highlight),var(--shadow-glass)}.glass-login-card{background:var(--glass-bg-strong)!important;-webkit-backdrop-filter:blur(36px) saturate(180%);backdrop-filter:blur(36px) saturate(180%);border:var(--glass-border);border-radius:var(--radius-window);box-shadow:var(--glass-highlight),var(--shadow-glass-lg)}.glass-brand{background:#ffffff29;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 1px #fff3;border-radius:var(--radius-control)}.glass-sider,.glass-header,.glass-content,.glass-login-card,.glass-surface{overflow:hidden}.ant-modal-content,.ant-drawer-content{-webkit-backdrop-filter:blur(36px) saturate(180%);backdrop-filter:blur(36px) saturate(180%);border:var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass-lg)}.ant-modal-header,.ant-modal-footer,.ant-drawer-header{background:transparent}.ant-message-notice-content,.ant-popover-inner,.ant-dropdown-menu,.ant-select-dropdown{-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:var(--glass-bg-strong)!important;border:var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass)}.ant-layout-sider-children{background:transparent}.ant-layout-sider-trigger{background:#ffffff0f!important;color:#ffffffb3!important;border-top:1px solid rgba(255,255,255,.08)}.ant-card{border:var(--glass-border-subtle)}.ant-table{background:transparent}.ant-table-container{border-radius:var(--radius-control)}.brand-logo{display:flex;align-items:center;gap:10px;height:32px;margin:16px;padding:0 6px;color:#fff;-webkit-user-select:none;user-select:none}.brand-logo__icon{flex:0 0 auto;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.brand-logo__text{font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.brand-logo--collapsed{justify-content:center;padding:0}.xdb-card{display:flex;align-items:center;gap:14px;padding:16px;height:100%;background:#ffffffb3;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.xdb-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 1px var(--accent)}.xdb-card__icon{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:12px}.xdb-card__body{min-width:0;flex:1}.xdb-card__name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xdb-card__desc{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;background:transparent}body{min-width:320px}#root{width:100%;height:auto;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-soft)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3c3c4338;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#3c3c4357;background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.package-resource-selector{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000008}.selector-tree{flex:1;overflow-y:auto;padding:16px;border-bottom:1px solid #f0f0f0;min-height:300px;max-height:500px;background:#fff;color:#000000d9}.selector-tree .ant-tree{background:#fff;color:#000000d9}.selector-tree .ant-tree-node-content-wrapper{min-height:32px;line-height:32px;color:#000000d9}.selector-tree .ant-tree-title{color:#000000d9!important}.selector-preview{padding:16px;background:#fafafa;border-top:1px solid #f0f0f0}.preview-header{margin-bottom:12px;font-size:14px;color:#000000d9;border-bottom:1px solid #d9d9d9;padding-bottom:8px}.preview-content{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:#fff;border-radius:4px;border:1px solid #f0f0f0}.preview-image{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#f5f5f5;border-radius:4px;border:1px solid #d9d9d9}.preview-image img{max-width:100%;max-height:100%;object-fit:contain}.preview-info{flex:1;font-size:12px}.preview-info p{margin:0 0 8px;padding:0;line-height:1.5;color:#000000d9}.preview-info strong{display:inline-block;min-width:60px;color:#000000a6}.preview-info code{background:#f5f5f5;padding:2px 6px;border-radius:2px;font-family:Courier New,monospace;font-size:11px;color:#d63200;word-break:break-all;display:inline-block;max-width:100%;margin-left:4px}.preview-actions{display:flex;gap:8px;justify-content:flex-end}.preview-actions button{min-width:80px}@media(max-width:768px){.selector-tree{max-height:300px}.preview-content{flex-direction:column;gap:8px}.preview-image{width:100%;max-width:200px;margin:0 auto}.preview-info{font-size:11px}}