:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--red-500:#ef4444;--amber-500:#f59e0b;--emerald-500:#10b981;--bg:#0f1020;--bg-accent:#14152b;--surface:#1a1c33;--surface-2:#23254a;--surface-3:#2d3060;--surface-glass:#1a1c33a6;--line:#ffffff12;--line-strong:#ffffff21;--line-glass:#ffffff1a;--text:#eef2ff;--muted:var(--gray-400);--muted-soft:var(--gray-500);--primary:var(--indigo-500);--primary-hover:var(--indigo-400);--primary-soft:#6366f12e;--primary-container:#6366f11a;--primary-light:#6366f11a;--accent-purple:var(--violet-500);--accent-cyan:var(--sky-500);--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-brand-soft:linear-gradient(135deg, #6366f12e 0%, #8b5cf62e 100%);--gradient-brand-glow:linear-gradient(135deg, #6366f173 0%, #8b5cf673 100%);--ai-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--success:var(--emerald-500);--success-soft:#10b98126;--danger:var(--red-500);--danger-soft:#ef444426;--warning:var(--amber-500);--warning-soft:#f59e0b26;--task-main:var(--indigo-500);--task-detail:var(--sky-500);--task-replica:var(--violet-500);--shadow-1:0 1px 2px #0000004d, 0 1px 3px #0003;--shadow-2:0 4px 12px #0006, 0 8px 24px #0000004d;--shadow-3:0 12px 40px #00000080;--glow-primary:0 0 0 1px #6366f166, 0 4px 16px #6366f14d;--glow-brand:0 4px 20px #6366f159, 0 2px 8px #8b5cf640;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--radius-xs:6px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.4s;--overlay-rest:#ffffff08;--overlay-hover:#ffffff12;--overlay-active:#ffffff1a;--overlay-border:#ffffff1f}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f2ff;--bg-accent:#e7eaff;--surface:#fff;--surface-2:#f5f7ff;--surface-3:#e8ecff;--surface-glass:#ffffffb8;--line:var(--gray-200);--line-strong:var(--gray-300);--line-glass:#0000000f;--text:var(--gray-700);--muted:var(--gray-500);--muted-soft:var(--gray-400);--primary:var(--indigo-500);--primary-hover:var(--indigo-600);--primary-soft:#eef2ff;--primary-container:#e0e7ff;--primary-light:#6366f114;--accent-purple:var(--violet-600);--accent-cyan:var(--sky-600);--success:var(--emerald-500);--success-soft:#d1fae5;--danger:var(--red-500);--danger-soft:#fee2e2;--warning:var(--amber-500);--warning-soft:#fef3c7;--task-main:var(--indigo-500);--task-detail:var(--sky-500);--task-replica:var(--violet-500);--shadow-1:0 1px 2px #1e1b4b1a, 0 1px 3px 1px #1e1b4b0f;--shadow-2:0 2px 8px #1e1b4b1a, 0 6px 18px #1e1b4b12;--shadow-3:0 12px 32px #1e1b4b26;--glow-primary:0 0 0 1px #6366f14d, 0 4px 16px #6366f12e;--glow-brand:0 4px 18px #6366f133, 0 2px 6px #8b5cf626;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--ai-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--overlay-rest:#00000006;--overlay-hover:#0000000d;--overlay-active:#00000012;--overlay-border:#0000001a}body{background:radial-gradient(ellipse 60% 50% at 15% 0%, #6366f12e, transparent 60%), radial-gradient(ellipse 70% 60% at 85% 100%, #8b5cf61f, transparent 65%), radial-gradient(ellipse 50% 40% at 50% 50%, #0ea5e90d, transparent 70%), var(--bg)}[data-theme=light] body{background:radial-gradient(60% 50% at 15% 0,#6366f11f,#0000 60%),radial-gradient(70% 60% at 85% 100%,#8b5cf614,#0000 65%),linear-gradient(#f0f2ff 0%,#f5f7ff 52%,#fafbff 100%)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.container{width:min(1360px,100% - 32px);margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-soft)}.btn{border-radius:var(--radius-md);min-height:42px;font-size:var(--fs-base);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--glow-brand)}.btn-primary:hover{box-shadow:0 6px 24px #6366f173,0 4px 12px #8b5cf64d}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--danger-soft)}.btn-danger:hover{background:var(--danger-soft)}.btn-mini{min-height:32px;font-size:var(--fs-sm);border-radius:var(--radius-sm);padding:0 12px}.btn-gradient{border-radius:var(--radius-md);min-height:42px;font-size:var(--fs-base);color:#fff;background:var(--gradient-brand);box-shadow:var(--glow-brand);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.btn-gradient:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f173,0 4px 12px #8b5cf64d}.btn-gradient:disabled{background:var(--surface-3);color:var(--muted-soft);box-shadow:none;cursor:not-allowed}.icon-btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);width:36px;height:36px;color:var(--text);transition:all var(--dur-fast) var(--ease-out);place-items:center;display:grid}.icon-btn:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.icon-btn-sm{border-radius:var(--radius-xs);width:30px;height:30px}.card{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.card-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--line-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.card-interactive{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-2);border-color:var(--primary);transform:translateY(-2px)}.field{width:100%;margin-bottom:var(--space-lg)}.field label{margin-bottom:var(--space-sm);font-size:var(--fs-sm);color:var(--muted);font-weight:700;display:block}.field input,.field textarea,.field select{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;font-size:var(--fs-base);color:var(--text);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);outline:none;padding:12px 16px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface-2)}.field input::placeholder,.field textarea::placeholder{color:var(--muted-soft)}.badge{min-height:28px;font-size:var(--fs-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge-error{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge-running{background:var(--primary-soft);color:var(--primary);border-color:#0000}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge-info{background:var(--primary-soft);color:var(--primary);border-color:#0000}.badge-xs{border-radius:var(--radius-xs);font-size:var(--fs-xs);align-items:center;padding:2px 8px;font-weight:700;line-height:1.4;display:inline-flex}.filter-pill{border:1px solid var(--line-strong);color:var(--muted);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:6px 14px;font-weight:600}.filter-pill:hover{color:var(--text);border-color:var(--muted)}.filter-pill.is-active{background:var(--primary-soft);color:var(--primary);border-color:#0000}.masonry{column-count:3;column-gap:16px}@media (width<=840px){.masonry{column-count:2}}@media (width<=640px){.masonry{column-count:1}}.auth-layout{background:var(--bg);min-height:100vh;animation:authFadeIn var(--dur-slow) var(--ease-out);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.auth-layout:before,.auth-layout:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-layout:before{background:radial-gradient(circle,#6366f180,#0000 70%);width:560px;height:560px;animation:14s ease-in-out infinite floatGlow;top:-160px;left:-120px}.auth-layout:after{background:radial-gradient(circle,#8b5cf66b,#0000 70%);width:480px;height:480px;animation:16s ease-in-out infinite reverse floatGlow;bottom:-160px;right:-120px}[data-theme=light] .auth-layout:before{background:radial-gradient(circle,#6366f14d,#0000 70%)}[data-theme=light] .auth-layout:after{background:radial-gradient(circle,#8b5cf63d,#0000 70%)}.auth-card{z-index:1;border-radius:var(--radius-xl);background:var(--surface-glass);border:1px solid var(--line-glass);width:100%;max-width:420px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(22px)saturate(180%);animation:authRise var(--dur-slow) var(--ease-out);padding:38px 34px;position:relative}.auth-card-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:26px;display:flex}.auth-logo{border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;width:56px;height:56px;box-shadow:var(--glow-brand);place-items:center;margin-bottom:14px;font-size:26px;font-weight:800;display:grid}.auth-brand-name{letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:800}.auth-brand-tag{color:var(--muted);margin-top:4px;font-size:12px}.auth-title{letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:800}.auth-subtitle{color:var(--muted);font-size:var(--fs-base);margin-top:6px;margin-bottom:24px;line-height:1.6}.auth-error{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 24%, transparent);font-size:var(--fs-sm);align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-weight:600;display:flex}.auth-submit{width:100%;min-height:48px;margin-top:6px;font-size:15px}.auth-switch{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin-top:22px}.auth-switch a{color:var(--primary);font-weight:700}@keyframes authRise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.auth-card{padding:30px 22px}}.pw-field{position:relative}.pw-toggle{cursor:pointer;color:var(--muted);min-height:unset;min-width:unset;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--primary)}.system-settings-card{border-color:color-mix(in srgb, var(--primary) 24%, var(--line));background:radial-gradient(ellipse at 100% 0%, var(--primary-soft), transparent 36%), var(--surface)}.system-settings-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px;display:grid}.system-settings-summary-item{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);min-width:0;padding:12px 14px}.system-settings-summary-item span{color:var(--muted);font-size:var(--fs-xs);margin-bottom:6px;font-weight:700;display:block}.system-settings-summary-item strong{color:var(--text);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.skeleton-pulse{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonPulse}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--dur-fast) var(--ease-out);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay img{border-radius:var(--radius-sm);object-fit:contain;-webkit-user-select:none;user-select:none;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:40px;height:40px;min-height:unset;min-width:unset;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#ffffff1f;border-radius:50%;place-items:center;padding:0;font-size:22px;display:grid;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#ffffff38;transform:rotate(90deg)}.lightbox-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:44px;height:44px;font-size:var(--fs-lg);min-height:unset;min-width:unset;transition:background var(--dur-fast) var(--ease-out);background:#ffffff1f;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff3d}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{color:#ffffffb3;font-size:var(--fs-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:999px;padding:6px 14px;font-weight:600;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.modal-overlay{z-index:900;-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--dur-fast) var(--ease-out);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-xl);border:1px solid var(--line-glass);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--shadow-3);animation:modalSlideUp var(--dur-base) var(--ease-out);overflow-y:auto}.modal-header{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-body{padding:18px 22px}.modal-close{cursor:pointer;color:var(--muted);min-height:unset;min-width:unset;transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;place-items:center;padding:4px;display:grid}.modal-close:hover{color:var(--danger);transform:rotate(90deg)}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);color:#fff;width:fit-content;max-width:100%;font-size:var(--fs-md);box-shadow:var(--shadow-2);animation:toastIn var(--dur-base) var(--ease-out);padding:12px 20px;font-weight:600}.toast-brand{background:var(--gradient-brand);box-shadow:var(--glow-brand)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-warning{background:var(--warning);color:#111827}.toast-info{background:var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-shell{width:min(1360px,100% - 32px);margin:0 auto;padding:24px 0}.page-section{margin-top:20px}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.state-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);text-align:center;padding:32px 20px}.error-banner{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);padding:12px 14px}.success-banner{border-radius:var(--radius-md);background:var(--success-soft);color:var(--success);font-size:var(--fs-sm);padding:12px 14px}.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meta-line{color:var(--muted);font-size:var(--fs-sm);line-height:1.5}.list-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.modal-footer{border-top:1px solid var(--line);background:var(--surface);padding:14px 22px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-content-sheet{max-height:90vh}.action-menu{display:inline-flex;position:relative}.action-menu-panel{z-index:30;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line-strong);min-width:160px;box-shadow:var(--shadow-2);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.action-menu-panel .btn,.action-menu-panel button{justify-content:flex-start;width:100%}.file-dropzone{cursor:pointer;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);transition:all var(--dur-fast) var(--ease-out);display:block}.file-dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.file-dropzone.is-disabled{opacity:.55;cursor:not-allowed}.file-dropzone input{display:none}.file-dropzone-content{min-height:72px;color:var(--muted);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.image-card-actions-always{opacity:1!important;pointer-events:auto!important}.mobile-only{display:none!important}@media (width<=768px){.page-shell{width:min(100%,100% - 20px);padding:16px 0}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.responsive-form-grid{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:initial!important}.modal-overlay-sheet{align-items:flex-end}.modal-content-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:88vh;max-width:100%!important}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes floatGlow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.1)}}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.route-fade{animation:routeFadeIn var(--dur-base) var(--ease-out)}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.home{flex-direction:column;min-height:100vh;display:flex}.home-topbar{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--line);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.home-brand{align-items:center;gap:12px;display:flex}.home-logo{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:40px;height:40px;box-shadow:var(--glow-brand);place-items:center;font-size:20px;font-weight:800;display:grid}.home-brand-name{letter-spacing:-.02em;font-size:17px;font-weight:800;line-height:1.2}.home-brand-sub{color:var(--muted);margin-top:2px;font-size:12px}.home-topbar-actions{align-items:center;gap:10px;display:flex}.home-role{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.home-main{flex-direction:column;flex:1;width:min(1080px,100% - 40px);margin:0 auto;padding:32px 0 40px;display:flex}.home-hero{border-radius:var(--radius-xl);background:var(--gradient-brand);box-shadow:var(--glow-brand);animation:homeRise var(--dur-slow) var(--ease-out);margin-bottom:24px;padding:34px 32px;position:relative;overflow:hidden}.home-hero-glow{pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-40px}.home-hero-content{z-index:1;position:relative}.home-hero-greet{letter-spacing:-.02em;color:#fff;font-size:28px;font-weight:800}.home-hero-sub{color:#ffffffe0;max-width:560px;margin-top:10px;font-size:15px;line-height:1.6}.home-hero-cta{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.home-hero-cta .btn-secondary{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-color:#ffffff47}.home-hero-cta .btn-secondary:hover{background:#ffffff42;border-color:#fff6}.home-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px;display:grid}.home-stat{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);animation:homeRise var(--dur-slow) var(--ease-out);align-items:center;gap:14px;padding:18px;display:flex}.home-stat-icon{border-radius:var(--radius-md);background:var(--primary-soft);width:44px;height:44px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.home-stat-value{letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:800;line-height:1.1}.home-stat-label{font-size:var(--fs-sm);color:var(--muted);margin-top:3px}.home-section{animation:homeRise var(--dur-slow) var(--ease-out);margin-top:28px}.home-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.home-section-head h2{letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:800}.home-section-more{font-size:var(--fs-sm);color:var(--primary);align-items:center;gap:4px;font-weight:700;display:inline-flex}.home-works{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.home-work{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.home-work img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out);display:block}.home-work:hover img{transform:scale(1.07)}.home-works-empty{border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:var(--surface-2);text-align:center;transition:border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;display:flex}.home-works-empty:hover{border-color:var(--primary);background:var(--primary-soft)}.home-works-empty-icon{border-radius:var(--radius-md);background:var(--primary-soft);width:52px;height:52px;color:var(--primary);place-items:center;display:grid}.home-works-empty-text{font-size:var(--fs-base);color:var(--muted)}.home-works-empty-cta{font-size:var(--fs-sm);color:var(--primary);align-items:center;gap:4px;font-weight:700;display:inline-flex}.home-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.home-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);align-items:center;gap:16px;padding:20px;display:flex;position:relative}.home-card:hover{box-shadow:var(--shadow-2);border-color:var(--primary);transform:translateY(-3px)}.home-card-icon{border-radius:var(--radius-md);background:var(--primary-soft);width:48px;height:48px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.home-card-brand .home-card-icon{background:var(--gradient-brand);color:#fff;box-shadow:var(--glow-brand)}.home-card-body{flex:1;min-width:0}.home-card-title{font-size:var(--fs-lg);color:var(--text);letter-spacing:-.01em;font-weight:800}.home-card-desc{font-size:var(--fs-md);color:var(--muted);margin-top:4px;line-height:1.5}.home-card-arrow{color:var(--muted-soft);transition:transform var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}.home-card:hover .home-card-arrow{color:var(--primary);transform:translate(3px)}.home-foot{text-align:center;color:var(--muted-soft);font-size:var(--fs-sm);margin-top:36px}@keyframes homeRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.home-topbar{padding:0 16px}.home-role{display:none}.home-hero{padding:26px 22px}.home-hero-greet{font-size:23px}.home-main{padding:22px 0 28px}}.welcome{z-index:9999;background:var(--bg);transition:opacity .45s var(--ease-out), visibility .45s;animation:welcomeIn .5s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-leaving{opacity:0;visibility:hidden;pointer-events:none}.welcome-aurora{pointer-events:none;background:radial-gradient(60% 50% at 25% 15%,#6366f161,#0000 55%),radial-gradient(60% 50% at 75% 85%,#8b5cf652,#0000 55%);animation:12s ease-in-out infinite floatGlow;position:absolute;inset:0}[data-theme=light] .welcome-aurora{background:radial-gradient(60% 50% at 25% 15%,#6366f138,#0000 55%),radial-gradient(60% 50% at 75% 85%,#8b5cf62e,#0000 55%)}.welcome-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.welcome-logo-wrap{place-items:center;width:88px;height:88px;display:grid;position:relative}.welcome-pulse{border-radius:var(--radius-xl);border:2px solid var(--primary);animation:welcomePulse 2s var(--ease-out) infinite;position:absolute;inset:0}.welcome-pulse-2{animation-delay:1s}.welcome-logo{z-index:1;border-radius:var(--radius-xl);background:var(--gradient-brand);color:#fff;width:80px;height:80px;box-shadow:var(--glow-brand);place-items:center;font-size:38px;font-weight:800;display:grid;position:relative}.welcome-name{letter-spacing:-.02em;color:var(--text);animation:welcomeUp .6s var(--ease-out) .1s both;margin-top:26px;font-size:30px;font-weight:800}.welcome-tag{color:var(--muted);animation:welcomeUp .6s var(--ease-out) .2s both;margin-top:8px;font-size:13px}.welcome-bar{background:var(--line-strong);border-radius:999px;width:140px;height:3px;margin-top:30px;overflow:hidden}.welcome-bar:after{content:"";background:var(--gradient-brand);transform-origin:0;height:100%;animation:welcomeFill 1.9s var(--ease-out) forwards;display:block;transform:scaleX(0)}@keyframes welcomeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes welcomeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomePulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes welcomeFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
