@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id]{scroll-margin-top:80px}body{background-color:#fff;color:#333;font-family:Google Sans,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh;padding:30px 0}.container{margin:0 auto;max-width:1200px;padding:0 40px;width:100%}.main-content{display:flex;gap:60px;margin-bottom:50px;width:100%}.left-column{flex:0 0 280px}.right-column{flex:1 1;max-width:800px}.full-width-section{margin:0 auto 50px;max-width:1200px;padding:0;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:15px}h1{font-size:1.8rem;margin-bottom:10px}h2{border-bottom:1px solid #eee;color:#444;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}h3{color:#333;font-size:1.3rem}p{margin-bottom:15px}a{color:#0366d6;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3;text-decoration:underline}section{margin-bottom:40px}ul{list-style-type:none;margin-left:0}ul li{margin-bottom:10px}.agents-page-wrapper,.blog-page-wrapper{max-width:none;width:100%}@media (max-width:768px){.main-content{flex-direction:column}.left-column{flex:0 0 auto;margin-bottom:30px}.full-width-section{padding:0 20px}}.header{background-color:#fff;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:15px 0;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header h1{color:#333;font-size:2rem;margin:0}.header nav ul{display:flex;list-style:none}.header nav ul li{margin-left:30px}.header nav ul li a{color:#333;font-weight:500;position:relative;transition:color .3s ease}.header nav ul li a:hover{color:#007bff}.header nav ul li a:after{background-color:#007bff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header nav ul li a:hover:after{width:100%}@media (max-width:768px){.header-content{flex-direction:column;gap:8px}.header h1{font-size:1.4rem;margin-bottom:0}.header nav ul{gap:8px;margin-top:0}.header nav ul li{margin-left:8px;margin-right:8px}.header nav ul li a{font-size:.9rem}}.profile{align-items:center;display:flex;flex-direction:column}.profile-image{border-radius:50%;height:200px;margin-bottom:20px;overflow:hidden;width:200px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile h1{font-size:1.5rem;margin-bottom:5px;text-align:center}.profile .position{color:#666;margin-bottom:20px;text-align:center}.social-links{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.social-link{align-items:center;color:#333;display:flex;padding:8px 0}.social-link i{color:#555;margin-right:10px;width:20px}.social-link:hover,.social-link:hover i{color:#0366d6}.cv-link{margin-top:10px}.cv-link a{font-size:.9rem}.introduction{margin-bottom:40px}.intro-text p{line-height:1.7;margin-bottom:15px}.research-interests{margin:25px 0}.research-interests p{color:#333}.job-market{background-color:#fff8e1;border-left:3px solid #ffc107;border-radius:4px;margin-top:25px;padding:15px}.job-market p{color:#856404;margin-bottom:0}.featured-projects{margin-bottom:40px}.featured-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.featured-header h2{margin:0}.view-all-link{color:#1976d2;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s}.view-all-link:hover{opacity:.7}.featured-filters{background-color:#f0f0f0;border-radius:10px;display:inline-flex;gap:0;margin-bottom:20px;padding:4px}.featured-filters .filter-button{background-color:initial;border:none;border-radius:8px;color:#999;cursor:pointer;font-family:Google Sans,sans-serif;font-size:.9rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.featured-filters .filter-button:hover{color:#666}.featured-filters .filter-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#333}.featured-list{display:flex;flex-direction:column;gap:24px}.featured-project{align-items:flex-start;display:flex;gap:24px}.featured-image{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #00000014;flex-shrink:0;height:130px;overflow:hidden;width:180px}.featured-image img{height:100%;object-fit:contain;width:100%}.featured-content{flex:1 1;min-width:0}.featured-title-row{align-items:center;display:flex;gap:10px;margin-bottom:6px}.featured-title-row h3{color:#333;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.featured-status{border-radius:12px;font-size:.72rem;font-weight:500;padding:3px 8px;white-space:nowrap}.featured-status.ongoing{background-color:#f0f0f0;border:1px solid #ddd;color:#666}.featured-status.completed{background-color:#f0f0f0;border:1px solid #ddd;color:#999}.featured-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 8px;overflow:hidden}.featured-bottom{display:flex;flex-direction:column;gap:8px}.featured-keywords{display:flex;gap:6px}.featured-keywords .keyword{background:#f0f0f0;border-radius:12px;color:#666;font-size:.75rem;font-weight:500;padding:3px 10px}.featured-links{display:flex;gap:8px}.featured-badge{background:none;border:none;color:#999;display:inline-block;font-size:.85rem;font-weight:400;letter-spacing:.03em;padding:0;text-decoration:none;text-transform:uppercase;transition:color .2s}.featured-badge:hover{color:#555}.featured-badge+.featured-badge:before{color:#ccc;content:"·";margin-right:8px}@media (max-width:768px){.featured-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.featured-filters .filter-button{flex-shrink:0;font-size:.82rem;padding:8px 16px}.featured-project{flex-direction:column;gap:12px}.featured-image{height:180px;width:100%}}.research-network{margin-bottom:40px}.research-network h2{margin-bottom:8px}.network-subtitle{color:#999;font-size:.9rem;margin-bottom:8px}.network-canvas{aspect-ratio:1/.6;margin:0 auto;max-width:500px;position:relative;width:100%}.network-canvas svg{height:100%;width:100%}.network-line{stroke:#e5e5e5;stroke-width:.3;transition:stroke .3s ease,stroke-width .3s ease}.network-line.active{stroke:#bbb;stroke-width:.5}.bubble-circle{fill:#f5f5f5;stroke:#ddd;stroke-width:.25;transition:all .3s ease}.topic-bubble.active .bubble-circle{fill:#eee;stroke:#bbb;stroke-width:.4}.bubble-glow{fill:none;stroke:#ccc;stroke-width:.15;opacity:.5}.bubble-label{fill:#555;font-family:Google Sans,sans-serif;font-size:2.8px;font-weight:600;pointer-events:none;transition:fill .3s ease}.topic-bubble.active .bubble-label{fill:#333}.bubble-count{fill:#aaa;font-family:Google Sans,sans-serif;font-size:1.8px;pointer-events:none}.topic-bubble.active .bubble-count{fill:#888}.network-tooltip{animation:tooltipFade .2s ease;background:#fff;border:1px solid #eee;border-radius:10px;bottom:16px;box-shadow:0 4px 16px #0000000f;left:50%;min-width:180px;padding:12px 16px;position:absolute;transform:translateX(-50%);z-index:10}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.network-tooltip strong{color:#333;display:block;font-size:.9rem;margin-bottom:6px}.network-tooltip ul{list-style:none;margin:0;padding:0}.network-tooltip li{color:#888;font-size:.82rem;padding:2px 0}.network-tooltip li:before{color:#ccc;content:"·";margin-right:6px}@media (max-width:768px){.network-canvas{aspect-ratio:1/1;max-width:100%}.bubble-label{font-size:3.2px}.bubble-count{font-size:2px}.network-tooltip{bottom:8px;min-width:150px;padding:10px 14px}}.research-projects{margin-bottom:60px}.project-filters{background-color:#f0f0f0;border-radius:10px;display:inline-flex;gap:0;margin-bottom:12px;padding:4px;width:fit-content}.projects-list{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;margin-top:18px;transition:opacity .3s ease}.project{align-items:flex-start;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:24px;opacity:1;padding:0;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.project-media{background:#f6f8fa;border-radius:8px;cursor:pointer;flex-shrink:0;height:130px;overflow:hidden;position:relative;width:180px}.project-media,.project-media:after{align-items:center;display:flex;justify-content:center}.project-media:after{background:#ffffffe6;border-radius:50%;content:"🔍";font-size:12px;height:26px;opacity:0;pointer-events:none;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:26px}.project-media:hover:after{opacity:1}.project-media img{height:100%;object-fit:contain;object-position:center;width:100%}.project-placeholder{align-items:center;background-color:#e9ecef;display:flex;height:100%;justify-content:center;width:100%}.project-no-image{color:#868e96;font-family:Google Sans,sans-serif;font-size:.9rem;font-weight:400;-webkit-user-select:none;user-select:none}.project-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.project-header{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:6px}.project-title{color:#333;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:0}.project-status{border-radius:12px;font-size:.72rem;font-weight:500;padding:3px 8px;white-space:nowrap}.project-status.ongoing,.project-status.under-review{background-color:#f0f0f0;border:1px solid #ddd;color:#666}.project-status.completed{background-color:#f0f0f0;border:1px solid #ddd;color:#999}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;cursor:help;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.project-role{color:#666;font-size:.85rem;margin-bottom:8px}.project-role strong{color:#333;font-weight:600}.project-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.keyword{border:none;border-radius:12px;font-size:.75rem;font-weight:500;padding:3px 10px;transition:transform .2s ease}.keyword:hover{transform:scale(1.05)}.keyword{background:#f0f0f0;color:#666}.project-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project-links a{background:none;border:none;color:#999!important;display:inline-block;font-size:.85rem;font-weight:400;letter-spacing:.03em;padding:0;text-decoration:none!important;text-transform:uppercase;transition:color .2s ease}.project-links a:hover{color:#555!important}.project-links a+a:before{color:#ccc;content:"·";margin-right:8px}@media (max-width:768px){.project-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.project-filters .filter-button{flex-shrink:0;font-size:.82rem;padding:8px 16px}.project{flex-direction:column;gap:12px}.project-media{height:180px;width:100%}.project-title{font-size:1rem}.project-description{font-size:.85rem}}.projects-list.chaos-mode .project{animation:chaosfall 2s cubic-bezier(.25,.46,.45,.94) forwards}.image-modal{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{align-items:center;animation:zoomIn .3s ease;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-content img{border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;line-height:1;position:absolute;right:0;top:-50px;transition:all .2s ease;width:36px}.modal-close:hover{background:#ffffff40;transform:scale(1.1)}.tooltip{background:#000000f2;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.85rem;line-height:1.6;max-width:400px;padding:12px;pointer-events:none;z-index:1000}.publications{margin-bottom:40px}.publication-filters{background-color:#f0f0f0;border-radius:10px;display:inline-flex;gap:0;margin-bottom:30px;padding:4px}.filter-button{background-color:initial;border:none;border-radius:8px;color:#999;cursor:pointer;font-family:Google Sans,sans-serif;font-size:.9rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.filter-button:hover{color:#666}.filter-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#333}.publications-list{display:flex;flex-direction:column;gap:30px;transition:opacity .3s ease}.publication{align-items:flex-start;display:flex;gap:24px;opacity:1;padding:0;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.publication-content{flex:1 1;min-width:0}.publication-content h3{color:#333;font-size:1.15rem;font-weight:600;line-height:1.4;margin:0 0 8px}.publication-content .authors{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 6px}.highlight-author{font-weight:700}.venue-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.venue{color:#333;font-size:.92rem;font-weight:700}.link-badge{background:none!important;border:none!important;color:#999!important;display:inline-block;font-size:.85rem;font-weight:400;letter-spacing:.03em;padding:0;text-decoration:none!important;text-transform:uppercase;transition:color .2s ease}.link-badge:hover{color:#555!important}.venue-links .link-badge+.link-badge:before{color:#ccc;content:"·";margin-right:8px}@media (max-width:768px){.publication-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.publication-filters .filter-button{flex-shrink:0;font-size:.82rem;padding:8px 16px}.publication{flex-direction:column;gap:12px}.publication-content h3{font-size:1rem}}.publications-list.chaos-mode .publication{animation:chaosfall 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes chaosfall{0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}20%{transform:translateY(-50px) translateX(0) rotate(5deg)}to{opacity:0;transform:translateY(var(--random-y)) translateX(var(--random-x)) rotate(var(--random-rotate))}}.footer{border-top:1px solid #eee;color:#777;margin-top:50px;padding:20px 0;text-align:center}.footer p{font-size:.8rem;margin:5px 0}.blog{background:linear-gradient(135deg,#4a6282,#3b5575 30%,#2e4a6e 60%,#3d5a80);border-radius:24px;margin-bottom:40px;overflow:hidden;padding:48px 40px;position:relative}.blog:before{background:radial-gradient(ellipse,#b4c8e699 0,#0000 70%);height:120%;right:-20%;top:-40%;width:60%}.blog:after,.blog:before{content:"";pointer-events:none;position:absolute}.blog:after{background:radial-gradient(ellipse,#96afd280 0,#0000 70%);bottom:-30%;height:100%;left:-10%;width:50%}.blog h2{color:#fff;margin-bottom:8px;text-shadow:0 1px 3px #0000001a}.blog h2,.blog-subtitle{position:relative;z-index:1}.blog-subtitle{color:#ffffffbf;font-size:.9rem;margin-bottom:28px}.blog-list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.blog-card{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff59;border-radius:18px;box-shadow:0 4px 24px #0000000f,inset 0 1px 0 #ffffff4d;color:inherit;display:flex;gap:20px;padding:20px;text-decoration:none;transition:all .3s ease}.blog-card:hover{background:#ffffff59;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;text-decoration:none;transform:translateY(-2px)}.blog-card-image{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;width:140px}.blog-card-image img{height:100%;object-fit:contain;width:100%}.blog-card-content{flex:1 1;min-width:0;overflow:hidden}.blog-card-meta{display:flex;gap:12px;margin-bottom:6px}.blog-card-date{color:#ffffffa6;font-size:.82rem}.blog-card-venue{color:#ffffffe6;font-size:.82rem;font-weight:600}.blog-card-content h3{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 4px;text-shadow:0 1px 2px #00000014}.blog-card-author{color:#fff9;font-size:.82rem;margin:0 0 10px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#ffffffd9;font-size:.72rem;font-weight:500;padding:4px 12px}.blog-post{background:linear-gradient(135deg,#4a6282,#3b5575 30%,#2e4a6e 60%,#3d5a80);border-radius:24px;margin:0 auto 40px;max-width:900px;overflow:hidden;padding:48px 40px;position:relative}.blog-post:before{background:radial-gradient(ellipse,#b4c8e680 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-15%;top:-30%;width:50%}.blog-back{color:#ffffffbf;display:inline-block;font-size:.9rem;margin-bottom:24px;position:relative;text-decoration:none;transition:color .2s;z-index:1}.blog-back:hover{color:#fff}.blog-post-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff59;border-radius:18px;box-shadow:0 4px 24px #0000000f,inset 0 1px 0 #ffffff4d;margin-bottom:28px;padding:24px;position:relative;z-index:1}.blog-post-meta{display:flex;gap:12px;margin-bottom:12px}.blog-post-venue{color:#ffffffe6;font-size:.85rem;font-weight:700}.blog-post-date{color:#fff9;font-size:.85rem}.blog-post-header h1{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.4;margin:0 0 8px;text-shadow:0 1px 3px #0000001a}.blog-post-author{color:#fff9;font-size:.9rem;margin:0 0 12px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-post-body{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.blog-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 2px 12px #0000000a,inset 0 1px 0 #ffffff40;padding:20px}.blog-section h3{color:#ffffffd9;font-size:.95rem;font-weight:600;margin:0 0 8px}.blog-markdown{color:#fffc;font-size:.95rem;line-height:1.75;word-break:keep-all}.blog-markdown>*{margin:0}.blog-markdown>*+*{margin-top:10px}.blog-markdown p{color:#ffffffd1}.blog-markdown strong{color:#fff;font-weight:700}.blog-markdown em{color:#ecf4fff2}.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{color:#ffffffeb;font-weight:650;line-height:1.5}.blog-markdown h4{font-size:1rem}.blog-markdown h5{font-size:.95rem}.blog-markdown h6{font-size:.9rem}.blog-markdown ol,.blog-markdown ul{color:#ffffffd1;margin:0;padding-left:1.35rem}.blog-markdown ul{list-style-type:disc}.blog-markdown ol{list-style-type:decimal}.blog-markdown li{margin:0}.blog-markdown li+li{margin-top:6px}.blog-markdown ul.task-list{list-style:none;padding-left:0}.blog-markdown li.task-list-item{list-style:none}.blog-markdown .task-list-control{align-items:flex-start;display:flex;gap:8px}.blog-markdown .task-list-control input[type=checkbox]{accent-color:#cfe4ff;height:.95rem;margin-top:.28em;pointer-events:none;width:.95rem}.blog-markdown .task-list-text{flex:1 1;min-width:0}.blog-markdown blockquote{background:#ffffff1a;border-left:3px solid #ffffff61;border-radius:0 10px 10px 0;color:#f0f7fff2;padding:10px 14px}.blog-markdown pre{background:#0b172680;border:1px solid #ffffff2e;border-radius:12px;overflow-x:auto;padding:12px}.blog-markdown code{background:#0b172673;border-radius:6px;color:#f0f6ff;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.85em;padding:2px 6px}.blog-markdown pre code{background:#0000;border-radius:0;padding:0}.blog-markdown a{color:#d6e8ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;word-break:break-word}.blog-markdown a:hover{color:#fff}.blog-markdown .blog-table-wrap{background:#07101c52;border:1px solid #fff3;border-radius:12px;overflow-x:auto}.blog-markdown table{border-collapse:collapse;min-width:420px;width:100%}.blog-markdown td,.blog-markdown th{border-bottom:1px solid #ffffff24;padding:10px 12px;vertical-align:top}.blog-markdown th{background:#ffffff1f;color:#fffffff0;font-weight:650}.blog-markdown td{color:#f2f8ffe0}.blog-markdown tbody tr:nth-child(2n) td{background:#ffffff0a}.blog-markdown tbody tr:last-child td{border-bottom:none}.blog-markdown .table-align-left{text-align:left}.blog-markdown .table-align-center{text-align:center}.blog-markdown .table-align-right{text-align:right}@media (max-width:768px){.blog{border-radius:20px;padding:24px 16px}.blog-card{flex-direction:column;gap:12px;padding:16px}.blog-card-image{height:160px;width:100%}.blog-post{border-radius:20px;padding:24px 16px}.blog-post-header{padding:16px}.blog-post-header h1{font-size:1.3rem}.blog-section{padding:14px}.blog-markdown{font-size:.92rem;line-height:1.7}.blog-markdown pre{padding:10px}.blog-markdown table{min-width:360px}.blog-markdown td,.blog-markdown th{padding:9px 10px}}.openclaw-mission{margin-bottom:44px}.openclaw-shell{background:radial-gradient(circle at 18% 22%,#6faaff30,#0000 32%),radial-gradient(circle at 84% 16%,#5edfba2e,#0000 33%),linear-gradient(180deg,#111826,#0a111d);border:4px solid #8fa0bc;box-shadow:0 0 0 4px #0b1320,10px 10px 0 #050a12;overflow:hidden;padding:16px;position:relative}.openclaw-shell:before{background:repeating-linear-gradient(180deg,#b9d3f40f 0,#b9d3f40f 1px,#0000 0,#0000 4px),repeating-linear-gradient(90deg,#96b8e50a 0,#96b8e50a 1px,#0000 0,#0000 4px);content:"";inset:0;pointer-events:none;position:absolute}.openclaw-grid,.openclaw-header,.openclaw-window-strip{position:relative;z-index:1}.openclaw-window-strip{align-items:center;background:#101728;border:3px solid #6e85a8;display:flex;gap:6px;margin-bottom:14px;padding:8px 10px}.openclaw-window-strip .dot{border:2px solid #0b111d;display:inline-block;height:10px;width:10px}.openclaw-window-strip .dot.red{background:#ef4f62}.openclaw-window-strip .dot.yellow{background:#edc85e}.openclaw-window-strip .dot.green{background:#46cd8f}.openclaw-window-strip p{color:#c6daf7;letter-spacing:.03em;margin:0 0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.openclaw-kicker,.openclaw-window-strip p{font-family:Press Start\ 2P,Courier New,monospace;font-size:.56rem}.openclaw-kicker{color:#8eb1df;letter-spacing:.02em;line-height:1.5;margin:0}.openclaw-header h2{border:0;color:#ecf5ff;font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(.94rem,1.6vw,1.12rem);line-height:1.45;margin:12px 0 0;padding:0;text-shadow:0 0 10px #afd6ff3d}.openclaw-description{color:#bdd3f1;font-family:VT323,monospace;font-size:1.34rem;line-height:1.3;margin:12px 0 0;max-width:780px}.openclaw-description code{background:#151f33;border:2px solid #5d7394;border-radius:0;color:#d5e6ff;font-family:Press Start\ 2P,Courier New,monospace;font-size:.5rem;padding:0 6px}.openclaw-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.openclaw-metric-card{background:#121d32;border:3px solid #5f77a0;box-shadow:inset 0 0 0 2px #253654;padding:10px 10px 9px}.openclaw-metric-card .metric-label{color:#8da8cb;font-size:.44rem;margin-bottom:8px}.openclaw-metric-card .metric-label,.openclaw-metric-card strong{display:block;font-family:Press Start\ 2P,Courier New,monospace;line-height:1.45}.openclaw-metric-card strong{color:#eff8ff;font-size:clamp(.52rem,.95vw,.66rem);margin:0}.openclaw-office{margin-top:12px}.openclaw-office-stage{aspect-ratio:16/9;background:linear-gradient(to bottom,#10223838 0,#11284129 46%,#0f263b33 100%),var(--office-bg-url);background-color:#0a1220;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,contain;border:3px solid #5f77a0;box-shadow:inset 0 0 0 2px #243550;overflow:hidden;position:relative}.openclaw-office-stage:before{background:repeating-linear-gradient(180deg,#a5ccf612 0,#a5ccf612 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:absolute}.office-scenery-layer{inset:0;z-index:1}.office-prop,.office-scenery-layer{pointer-events:none;position:absolute}.office-prop{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.office-prop.sheet{background-image:var(--sheet-url);background-repeat:no-repeat}.office-prop.sofa-shadow{z-index:8}.office-prop.sofa,.office-prop.sofa-shadow{left:52.34375%;top:20%;transform:translate(0);width:clamp(92px,20%,240px)}.office-prop.sofa{z-index:10}.office-prop.poster{background-position:var(--frame-x) var(--frame-y);background-size:640px 1280px;height:160px;left:19.6875%;top:9.16667%;transform:translate(-50%,-50%) scale(.48);width:160px;z-index:4}.office-prop.desk-main{left:17.03125%;top:57.91667%;transform:translate(-50%,-50%);width:clamp(118px,21.56%,300px);z-index:1000}.office-prop.plant-bottom,.office-prop.plant-left,.office-prop.plant-right{background-position:var(--frame-x) var(--frame-y);background-size:640px 640px;height:160px;transform:translate(-50%,-50%) scale(.56);width:160px;z-index:5}.office-prop.plant-left{left:44.14063%;top:24.72222%}.office-prop.plant-right{left:17.96875%;top:25.69444%}.office-prop.plant-bottom{left:76.32813%;top:68.88889%}.office-prop.server-rack{animation:officeServerCycle 3.8s steps(40) infinite;background-position:0 0;background-size:7200px 251px;height:251px;left:79.76563%;top:19.72222%;transform:translate(-50%,-50%) scale(.72);width:180px;z-index:2}.office-prop.coffee-shadow{z-index:98}.office-prop.coffee-machine,.office-prop.coffee-shadow{left:51.48438%;top:55.13889%;transform:translate(-50%,-50%) scale(.62);width:230px}.office-prop.coffee-machine{animation:officeCoffeeCycle 1.2s steps(12) infinite;background-position:0 0;background-size:2760px 1840px;height:230px;z-index:99}.office-prop.flowers-bloom{background-position:-192px -64px;background-size:512px 512px;height:64px;left:24.21875%;top:54.16667%;transform:translate(-50%,-50%) scale(.82);width:64px;z-index:1100}.office-prop.sync-anim{animation:officeSyncCycle 1.35s steps(7) infinite;background-position:0 0;background-size:1792px 1792px;height:256px;left:90.39063%;top:82.22222%;transform:translate(-50%,-50%) scale(.34);width:256px;z-index:40}.office-prop.cat{background-position:-160px -160px;background-size:640px 640px;height:160px;left:7.34375%;top:77.36111%;transform:translate(-50%,-50%) scale(.52);width:160px;z-index:2000}.office-zone{background:#08101da8;border:1px solid #adccf1a8;box-shadow:0 1px 0 #00000059;padding:2px 4px;pointer-events:none;position:absolute;z-index:1500}.office-zone h4{color:#eaf4ff;display:inline-block;font-family:Press Start\ 2P,Courier New,monospace;font-size:.4rem;line-height:1.45;margin:0;padding:0 2px;text-shadow:0 1px 0 #0009}.office-zone p{display:none}.zone-breakroom{left:44%;top:43%}.zone-desk{left:12%;top:66%}.zone-issue{left:82%;top:33%}.office-agent-layer{inset:0;position:absolute}.office-agent{align-items:center;display:flex;flex-direction:column;gap:6px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .62s linear,top .62s linear;width:128px;will-change:left,top}.office-agent-visual{animation:officeAvatarFloat 1.8s steps(2) infinite;display:grid;height:70px;overflow:visible;place-items:center;width:70px}.office-agent-sprite{--sprite-size:70px;--sprite-row:0px;animation:officeSpriteFrames .95s steps(4) infinite;background-image:var(--sprite-url);background-position-x:0;background-position-y:var(--sprite-row);background-repeat:no-repeat;background-size:400% 200%;height:var(--sprite-size);image-rendering:pixelated;image-rendering:crisp-edges;width:var(--sprite-size)}.office-agent .agent-portrait-fallback{color:#d2e4ff;font-family:Press Start\ 2P,Courier New,monospace;font-size:.54rem}.office-agent-name{background:#070e18eb;border:1px solid #8cacd2cc;color:#f2f8ff;font-size:1.12rem;padding:2px 8px;text-shadow:0 1px 0 #0000008c}.office-agent-bubble,.office-agent-name{font-family:VT323,monospace;letter-spacing:.02em;line-height:1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.office-agent-bubble{background:#eef7ffeb;border:1px solid #a9c8e8d9;box-shadow:0 1px 0 #0d1b2d4d;color:#233a57;font-size:1.02rem;padding:2px 7px;text-shadow:none}.office-agent.status-active .office-agent-sprite{--sprite-row:calc(var(--sprite-size)*-1);animation-duration:.7s}.office-agent.status-standby .office-agent-sprite{--sprite-row:0px;animation-duration:1s}.office-agent.status-idle .office-agent-sprite{--sprite-row:calc(var(--sprite-size)*-1);animation-duration:1.2s}.office-agent.moving .office-agent-sprite{filter:drop-shadow(0 0 6px rgba(121,193,255,.45))}.office-agent.moving .office-agent-name{background:#0a1625f2;border-color:#a7d2fff2}@keyframes officeSpriteFrames{0%{background-position-x:0}to{background-position-x:calc(var(--sprite-size)*-4)}}@keyframes officeAvatarFloat{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes officeServerCycle{0%{background-position-x:0}to{background-position-x:-7200px}}@keyframes officeCoffeeCycle{0%{background-position-x:0}to{background-position-x:-2760px}}@keyframes officeSyncCycle{0%{background-position-x:0}to{background-position-x:-1792px}}.office-legend{display:flex;flex-wrap:wrap;gap:10px 14px;list-style:none;margin:10px 0 0;padding:0}.office-legend li{align-items:center;color:#c4daf8;display:inline-flex;font-family:VT323,monospace;font-size:1.04rem;gap:6px;margin:0}.legend-swatch{border:2px solid #07101d;display:inline-block;height:10px;width:10px}.legend-swatch.active{background:#50cc98}.legend-swatch.standby{background:#f4c666}.legend-swatch.idle{background:#8ea5c8}.openclaw-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.12fr .88fr;margin-top:14px}.openclaw-grid.single-panel{grid-template-columns:1fr}.openclaw-panel{background:#0b1321e6;border:3px solid #5f77a0;box-shadow:inset 0 0 0 2px #253654;padding:10px}.panel-title-row{align-items:baseline;border-bottom:2px solid #8faacf47;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.panel-title-row h3{color:#eaf4ff;font-family:Press Start\ 2P,Courier New,monospace;font-size:.54rem;line-height:1.4;margin:0}.panel-subtitle{color:#8fa9cb;font-family:VT323,monospace;font-size:1.04rem}.openclaw-state{background:#0f1a2e;border:2px solid #58719a;color:#d8e8ff;font-family:VT323,monospace;font-size:1.18rem;margin:0;padding:10px}.openclaw-agent-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.openclaw-agent-card{background:#0d1729;border:2px solid #526a8f;box-shadow:inset 0 0 0 1px #1e2b43;padding:9px}.openclaw-agent-card.status-active{border-color:#5fbe91}.openclaw-agent-card.status-standby{border-color:#c2a463}.agent-head{align-items:center;display:flex;gap:8px}.agent-portrait{background:linear-gradient(180deg,#1a2a44,#101a2c);border:2px solid #3f5679;box-shadow:inset 0 0 0 1px #263b5d;display:grid;flex:0 0 auto;height:64px;overflow:hidden;place-items:center;width:96px}.agent-portrait img{height:52px;object-fit:cover;width:52px}.agent-portrait img,.agent-portrait-sprite{image-rendering:pixelated;image-rendering:crisp-edges}.agent-portrait-sprite{--sprite-size:52px;--sprite-row:0px;animation:officeSpriteFrames 1s steps(4) infinite;background-image:var(--sprite-url);background-position-x:0;background-position-y:var(--sprite-row);background-repeat:no-repeat;background-size:400% 200%;height:var(--sprite-size);width:var(--sprite-size)}.openclaw-agent-card.status-active .agent-portrait-sprite{--sprite-row:calc(var(--sprite-size)*-1);animation-duration:.7s}.openclaw-agent-card.status-standby .agent-portrait-sprite{--sprite-row:0px;animation-duration:1s}.openclaw-agent-card.status-idle .agent-portrait-sprite{--sprite-row:calc(var(--sprite-size)*-1);animation-duration:1.2s}.agent-portrait-fallback{color:#9fb9de;font-family:Press Start\ 2P,Courier New,monospace;font-size:.52rem}.agent-identity{align-items:flex-start;display:flex;flex:1 1;gap:8px;min-width:0}.agent-dot{background:#7f96b8;border:2px solid #060d1a;height:10px;margin-top:4px;width:10px}.openclaw-agent-card.status-active .agent-dot{animation:pixelPulse 1.1s steps(2) infinite;background:#48d89b}.openclaw-agent-card.status-standby .agent-dot{background:#e0be67}@keyframes pixelPulse{0%{filter:brightness(.94);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.2)}to{filter:brightness(.94);transform:scale(1)}}.agent-identity h4{color:#f4f9ff;font-family:VT323,monospace;font-size:1.32rem;letter-spacing:.02em;line-height:1.05;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #00000073;white-space:nowrap}.agent-badge{background:#17233a;border:2px solid #435978;color:#c3d8f6;font-family:VT323,monospace;font-size:1.06rem;letter-spacing:.03em;line-height:1;margin-top:0;padding:3px 7px}.agent-badge.status-active{background:#1a3a2e;border-color:#3a8764;color:#98f5cf}.agent-badge.status-standby{background:#3d321b;border-color:#906c2f;color:#ffe4a6}.agent-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:9px 0 0}.agent-details dt{color:#7c97bf;font-family:Press Start\ 2P,Courier New,monospace;font-size:.42rem;line-height:1.5;margin:0}.agent-details dd{color:#d4e6ff;font-family:VT323,monospace;font-size:1.02rem;line-height:1.2;margin:3px 0 0;word-break:break-word}.agent-last-event,.agent-memory{color:#bfdaff;font-family:VT323,monospace;font-size:1.04rem;line-height:1.2;margin:8px 0 0}.agent-memory span{color:#8fb0d9}.agent-last-event strong{color:#eef8ff;font-family:Press Start\ 2P,Courier New,monospace;font-size:.42rem}.openclaw-timeline-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;max-height:530px;overflow-y:auto;padding:0}.openclaw-timeline-list li{background:#101b30;border:2px solid #4f678b;padding:8px}.openclaw-timeline-list time{color:#9bb4d6;display:inline-block;font-family:Press Start\ 2P,Courier New,monospace;font-size:.42rem;line-height:1.45;margin:0}.timeline-body p{line-height:1.2;margin:5px 0 0}.timeline-agent{color:#eef8ff;font-size:.45rem}.timeline-action,.timeline-agent{font-family:Press Start\ 2P,Courier New,monospace;line-height:1.4}.timeline-action{color:#87d7ff;font-size:.42rem;margin-left:8px}.timeline-meta{color:#b8d5fb;font-family:VT323,monospace;font-size:1.04rem}.openclaw-timeline-list::-webkit-scrollbar{width:10px}.openclaw-timeline-list::-webkit-scrollbar-track{background:#0d1628}.openclaw-timeline-list::-webkit-scrollbar-thumb{background:#243856;border:2px solid #0d1628}@media (max-width:1120px){.openclaw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.openclaw-agent-list,.openclaw-grid{grid-template-columns:1fr}}@media (max-width:768px){.openclaw-shell{border-width:3px;box-shadow:0 0 0 3px #0b1320,6px 6px 0 #050a12;padding:12px}.openclaw-window-strip{margin-bottom:10px;padding:6px 8px}.openclaw-kicker,.openclaw-window-strip p{font-size:.5rem}.openclaw-description{font-size:1.2rem}.openclaw-metrics{grid-template-columns:1fr}.office-zone h4{font-size:.36rem}.office-agent{width:110px}.office-agent-visual{height:60px;width:60px}.office-agent-sprite{--sprite-size:60px}.office-agent-name{font-size:.98rem;padding:2px 6px}.office-agent-bubble{font-size:.9rem;padding:1px 5px}.agent-portrait{height:56px;width:84px}.agent-portrait img{height:46px;width:46px}.agent-portrait-sprite{--sprite-size:46px}.agent-identity h4{font-size:1.16rem}.agent-badge{font-size:.94rem}.openclaw-panel{padding:8px}.panel-title-row{align-items:flex-start;flex-direction:column;gap:4px}.openclaw-timeline-list{max-height:360px}}.agents-dashboard-page{margin:0 auto 40px;max-width:1200px;width:100%}.agents-page-intro{background:#f6f9ff;border:1px solid #d7e3ff;border-radius:16px;margin-bottom:14px;padding:22px 24px 20px}.agents-page-intro h2{border:0;color:#1c2d47;font-size:1.42rem;margin:0 0 10px;padding:0}.agents-page-intro p{color:#2f466d;line-height:1.65;margin:0}.agents-page-intro p+p{margin-top:6px}.agents-page-intro code{background:#eaf1ff;border-radius:6px;color:#29406a;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 5px}.agents-license-note{background:#fff7e8;border:1px solid #f2d8a7;border-radius:12px;margin-top:14px;padding:16px 18px 15px}.agents-license-note h3{color:#644712;font-size:1rem;margin:0 0 8px}.agents-license-note p{color:#7b5a1f;line-height:1.55;margin:0}.agents-license-note p+p{margin-top:6px}.agents-license-note a{margin-left:4px}.agents-license-note code{background:#fff0cc;border-radius:5px;color:#5f410d;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 5px}@media (max-width:768px){.agents-page-intro{padding:16px 14px}.agents-page-intro h2{font-size:1.2rem}.agents-license-note{padding:12px}}
/*# sourceMappingURL=main.85b9e100.css.map*/