*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#333;padding-top:calc(90px + var(--spacing-md));background:linear-gradient(135deg,#f0f7ff 0%,#e6f0ff 25%,#fff 50%,#e6fff5 75%,#f0fff7 100%) 0 0/400% 400%;line-height:1.6;animation:15s infinite gradientShift;overflow-x:hidden}.navbar{top:var(--spacing-md);width:calc(100% - var(--spacing-xl)*2);-webkit-backdrop-filter:blur(20px);max-width:1200px;box-shadow:var(--shadow-lg);z-index:1000;padding:var(--spacing-sm)0;border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fffffff2;position:fixed;left:50%;transform:translate(-50%)}.navbar.mobile-menu-open{border-radius:var(--radius-lg)var(--radius-lg)0 0;z-index:1001;box-shadow:none}.navbar-container{max-width:100%;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;height:46px;margin:0 auto;display:flex}.navbar-logo a{color:var(--color-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-custom);transition:color var(--transition-fast);text-decoration:none}.navbar-logo a:hover{color:var(--color-primary-hover)}.navbar-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none;position:relative}.navbar-toggle-icon{background:#333;width:24px;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-toggle-icon:before,.navbar-toggle-icon:after{content:"";background:#333;width:24px;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute}.navbar-toggle-icon:before{top:-7px;left:0}.navbar-toggle-icon:after{bottom:-7px;left:0}.navbar-toggle.active .navbar-toggle-icon{background:0 0}.navbar-toggle.active .navbar-toggle-icon:before{top:0;transform:rotate(45deg)}.navbar-toggle.active .navbar-toggle-icon:after{bottom:0;transform:rotate(-45deg)}.navbar-menu{gap:var(--spacing-lg);align-items:center;display:flex}.navbar-link{color:#333;transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.navbar-link:hover{color:var(--color-primary)}.mobile-menu{top:calc(70px + var(--spacing-md));width:calc(100% - var(--spacing-xl)*2);-webkit-backdrop-filter:blur(20px);max-width:1200px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:0 var(--spacing-md);opacity:0;visibility:hidden;z-index:999;background:#fffffffa;max-height:0;transition:all .2s ease-in-out;display:block;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.mobile-menu.open{opacity:1;max-height:400px;padding:var(--spacing-md)var(--spacing-md);visibility:visible;border-radius:0}@keyframes mobileMenuExpand{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.mobile-menu-content{gap:var(--spacing-md);padding:0 var(--spacing-xl);flex-direction:column;display:flex}.mobile-menu-link{color:#333;padding:var(--spacing-sm)0;transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.mobile-menu-link:hover{color:var(--color-primary)}@media (max-width:768px){.navbar-toggle{display:flex}.navbar-menu{display:none}.navbar,.mobile-menu{width:calc(100% - var(--spacing-md)*2)}}a{color:#006aff;vertical-align:middle;text-decoration:none;display:inline-block}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.footer{margin-top:80px;padding:60px 0 40px}.footer-content{flex-direction:column;align-items:center;gap:5px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.footer-section{text-align:center;width:100%}.copyright{color:#1a1a1a;opacity:.9;margin:0;font-size:1rem;font-weight:600}.record-info{color:#666;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;display:flex}.record-label{color:#666;font-weight:500}.record-link{color:#006aff;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.record-link:hover{color:#0052cc;text-decoration:underline}.record-icon{vertical-align:middle;border:none;flex-shrink:0;width:15px;height:auto;margin:0 3px 0 0;padding:0;display:inline-block;position:relative;top:-2px;left:1px;transform:scale(1.3)}.tech-support{color:#666;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.support-label{color:#666;font-weight:500}.support-link{align-items:center;transition:transform .2s;display:inline-flex}.support-link:hover{transform:scale(1.1)}.support-divider{color:#999;margin:0 4px}.powered-by{color:#666;font-weight:500}.nextjs-link{align-items:center;transition:transform .2s;display:inline-flex}.nextjs-link:hover{transform:scale(1.1)}.service-icon{vertical-align:middle;width:90px;height:auto;display:inline-block}.service-icon-bt{vertical-align:middle;width:60px;height:auto;display:inline-block}.service-icon-nextjs{vertical-align:middle;width:80px;height:auto;display:inline-block}.security-notice{color:#666;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.notice-text{color:#666;font-weight:500}.notice-divider{color:#999;margin:0 4px}.report-link{color:#006aff;font-weight:500;text-decoration:none;transition:color .2s}.report-link:hover{color:#0052cc;text-decoration:underline}.version-info{color:#999;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:500}.click-effects-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.click-effect{z-index:10000;animation:1s ease-out forwards clickEffectAnimation;position:absolute;transform:translate(-50%,-50%)}.click-effect img{filter:drop-shadow(0 0 8px #fff9);width:40px;height:40px}@keyframes clickEffectAnimation{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.hero{z-index:5;padding:80px 0;overflow:hidden}.hero-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.hero-text{flex:1;max-width:600px}.hero-title{color:#212529;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#6c757d;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.hero-image{flex:1;justify-content:flex-end;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.hero-image img{-webkit-user-drag:none;max-width:70%;height:auto;animation:3s ease-in-out infinite float}.contact-section{text-align:center;padding:60px 0}.contact-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-links{flex-wrap:wrap;justify-content:center;gap:40px;max-width:800px;margin:0 auto;display:flex}.contact-item{color:#333;backface-visibility:hidden;flex-direction:column;align-items:center;width:100px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:translateZ(0)}.contact-item:hover{transform:translateY(-8px)scale(1.05)}.contact-icon{object-fit:contain;filter:drop-shadow(0 0 #0000);width:60px;height:60px;margin-bottom:15px;padding:10px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.contact-item:hover .contact-icon{filter:drop-shadow(0 8px 16px #0003);transform:rotateY(180deg)}@media (max-width:992px){.hero-content{text-align:center;flex-direction:column}.hero-text{max-width:100%;margin-bottom:40px}.hero-buttons,.hero-image{justify-content:center}.hero-title{font-size:2.8rem}}@media (max-width:1024px) and (orientation:portrait),(max-width:768px){.status-grid-layout{grid-template-columns:1fr!important;gap:30px!important}.projects-panel,.servers-panel{width:100%}.projects-panel{order:1}.servers-panel{order:2}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}.click-effect img{width:30px;height:30px}.status-main-title{font-size:2rem}.status-subtitle{font-size:1rem}.status-container-wrapper{padding:0 16px}.panel-header{padding:20px 24px}.panel-title{font-size:1.25rem}.header-icon{width:40px;height:40px}.panel-content{padding:24px 20px}.project-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.project-item-left{align-items:flex-start;gap:16px;width:100%;display:flex}.project-item-icon{flex-shrink:0}.project-item-info{flex:1;min-width:0}.project-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-item-status{justify-content:flex-start;width:100%}.server-card-compact{padding:20px}.status-panel{width:100%;max-width:100%}}@media (max-width:576px){.hero{padding:60px 0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.btn{padding:10px 20px;font-size:.9rem}}.servers-section,.projects-section{margin:0;padding:0}#hero,#status-section{scroll-snap-margin-top:100px;margin-top:-100px;padding-top:100px;scroll-margin-top:100px}.hero,.projects-section,.servers-section{scroll-margin-top:100px}.status-monitor-section{border-radius:32px;margin-top:60px;margin-bottom:60px;padding:100px 0}.status-container-wrapper{max-width:1400px;margin:0 auto;padding:0 40px}.status-section-header{text-align:center;margin-bottom:50px}.status-main-title{color:#1a1a1a;letter-spacing:-.5px;margin-bottom:12px;font-size:2.8rem;font-weight:800}.status-subtitle{color:#6b7280;font-size:1.1rem;font-weight:400}.status-grid-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.status-panel{-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:1px solid #0000000a;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000000f}.panel-header{align-items:center;gap:12px;padding:28px 32px;display:flex}.header-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-icon svg{filter:brightness(0)invert()}.projects-panel .header-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.panel-title{color:#1a1a1a;flex:1;margin:0;font-size:1.5rem;font-weight:700}.panel-badge{color:#3b82f6;background:#3b82f61a;border-radius:20px;padding:6px 16px;font-size:.875rem;font-weight:600}.projects-panel .panel-badge{color:#10b981;background:#10b9811a}.panel-content{min-height:400px;padding:32px}.project-list{flex-direction:column;gap:16px;display:flex}.project-item{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.project-item-left{flex:1;align-items:center;gap:16px;display:flex}.project-item-icon{color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.project-item-info{flex:1;min-width:0}.project-item-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:1rem;font-weight:600;overflow:hidden}.project-item-url{color:#6b7280;word-break:break-all;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.project-item-url:hover{color:#3b82f6;text-decoration:underline}.project-item-status{flex-shrink:0;align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;position:relative}.status-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot.offline{background:#9ca3af;box-shadow:0 0 0 3px #9ca3af33}.status-dot.maintain{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.status-text{color:#374151;font-size:.875rem;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:#d1d5db;margin-bottom:16px}.empty-text{color:#9ca3af;font-size:1rem}.section-title{text-align:center;color:#333;white-space:nowrap;margin-bottom:40px;font-size:2.5rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";border-radius:2px;width:100%;height:3px;position:absolute;bottom:-10px;left:0}.server-cards-wrapper{flex-direction:column;gap:20px;display:flex}.server-card-compact{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.server-card-top{margin-bottom:20px}.server-info{justify-content:space-between;align-items:center;display:flex}.server-card-name{color:#1a1a1a;margin:0;font-size:1.125rem;font-weight:700}.server-status-indicator{background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.875rem;font-weight:600;display:flex}.server-status-indicator.online{color:#059669;background:#10b9811a}.server-status-indicator.offline{color:#6b7280;background:#6b72801a}.indicator-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.server-status-indicator.online .indicator-dot{background:#10b981}.server-status-indicator.offline .indicator-dot{background:#9ca3af}.server-card-stats{flex-direction:column;gap:16px;display:flex}.server-system-info{color:#1e40af;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #3b82f626;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.server-system-info svg{color:#3b82f6;flex-shrink:0}.server-system-info span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-item{flex-direction:column;gap:8px;display:flex}.stat-bar-bg{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width .5s}.stat-bar-cpu{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.stat-bar-memory{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.stat-bar-disk{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.stat-label{color:#6b7280;justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.stat-value{color:#1a1a1a;font-weight:700}.server-card-time{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding-top:12px;font-size:.875rem;font-weight:500;display:flex}.server-card-time svg{color:#3b82f6}.server-card-loading{color:#9ca3af;justify-content:center;align-items:center;gap:12px;padding:32px 0;font-size:.875rem;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.server-card-offline{text-align:center;color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-radius:12px;padding:24px 0;font-size:.875rem;font-weight:600}@media (max-width:480px){.status-monitor-section{padding:60px 0}.status-container-wrapper{gap:30px;padding:0 15px}.status-card-header{padding:25px 20px}.status-card-title{font-size:1.5rem}.status-card-body{padding:25px 20px}.server-header{text-align:center;flex-direction:column;gap:10px}.server-name{font-size:1rem}.server-status-badge{font-size:.75rem}.section-title{font-size:1.8rem}.project-status-row{grid-template-columns:1fr;gap:15px;padding:15px}.project-status-cell{justify-content:flex-start!important}.header-row{display:none}.status-cell{justify-content:flex-start!important}.project-name-cell:before{content:"项目名称：";color:#666;margin-right:8px;font-weight:600}.status-cell:before{content:"状态：";color:#666;margin-right:8px;font-weight:600}.status-cell .project-status-badge{margin:0}.header-cell:nth-child(2){justify-content:flex-start}.url-cell:before{content:"访问地址：";color:#666;margin-right:8px;font-weight:600}.footer{margin-top:40px;padding:30px 0 20px}.footer-content{gap:5px;padding:0 15px}.footer-section{padding:8px 0}.copyright{font-size:.9rem;line-height:1.4}.record-info{flex-flow:wrap;justify-content:center;gap:12px;margin-bottom:0;padding:4px 0}.record-label{font-size:.85rem;display:inline}.record-link{font-size:.85rem}.tech-support{flex-flow:wrap;justify-content:center;gap:8px;font-size:.85rem}.support-label{font-size:.85rem}.support-divider{margin:0 4px;display:inline}.powered-by{white-space:nowrap;font-size:.85rem}.service-icon{width:60px}.service-icon-bt{width:45px}.service-icon-nextjs{width:55px}.security-notice{flex-flow:wrap;justify-content:center;gap:6px;font-size:.85rem}.notice-text{font-size:.85rem}.notice-divider{margin:0 4px;display:inline}.report-link{white-space:nowrap;font-size:.85rem}.version-info{margin-top:4px;font-size:.8rem}}@media (max-width:375px){.footer{margin-top:30px;padding:25px 0 15px}.footer-content{gap:5px;padding:0 10px}.copyright{font-size:.85rem}.record-info{gap:8px}.record-label,.record-link{font-size:.8rem}.tech-support{gap:6px}.support-label,.powered-by{font-size:.8rem}.service-icon{width:50px}.service-icon-bt{width:40px}.service-icon-nextjs{width:45px}.security-notice{gap:4px}.notice-text,.report-link{font-size:.8rem}.version-info{font-size:.75rem}}