.cute-avatar{transition:box-shadow .3s ease}.avatar-expression{transition:transform .1s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.main-layout{min-height:100vh}.github-banner{background:linear-gradient(90deg,#0969da,#0550ae);color:#fff;text-align:center;padding:8px 16px;font-size:13px;position:relative;z-index:1001;box-shadow:0 1px 3px #0000001a}.banner-text{display:inline-block}.github-link{color:#58a6ff;text-decoration:none;font-weight:500;margin:0 4px;transition:color .2s ease}.github-link:hover{color:#79c0ff;text-decoration:underline}.top-header{background:#fff!important;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000;padding:0;height:48px;width:100%}.header-left{display:flex;align-items:center;flex:0 0 auto;padding-left:24px}.header-center{flex:1;display:flex;justify-content:center;max-width:800px;padding:0 24px}.header-right{display:flex;align-items:center;flex:0 0 auto;padding-right:24px}.brand-section{display:flex;align-items:center;gap:12px;height:100%;padding:0 8px}.brand-logo{width:28px;height:28px;border-radius:6px}.brand-info{display:flex;flex-direction:column;justify-content:center}.brand-title{font-size:16px;color:#1890ff;line-height:1.2;margin:0}.brand-subtitle{font-size:11px;color:#666;line-height:1.2;margin:0}.top-menu{background:transparent!important;border:none!important;line-height:48px}.top-menu .ant-menu-item{height:48px;line-height:48px;border-bottom:none!important;border-radius:6px;margin:0 4px;transition:all .3s ease}.top-menu .ant-menu-item:hover{color:#1890ff;background:#1890ff0f}.top-menu .ant-menu-item-selected{color:#1890ff;background:#1890ff1a;border-bottom:none!important}.top-menu .ant-menu-submenu{height:48px;line-height:48px}.top-menu .ant-menu-submenu-title{height:48px;line-height:48px;border-bottom:none!important;padding:0 20px!important;border-radius:6px;margin:0 4px;transition:all .3s ease}.top-menu .ant-menu-submenu:hover .ant-menu-submenu-title{color:#1890ff;background:#1890ff0f;border-bottom:none!important}.top-menu .ant-menu-submenu-open .ant-menu-submenu-title{color:#1890ff;background:#1890ff1a;border-bottom:none!important}.top-menu .ant-menu-submenu-popup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #f0f0f0}.top-menu .ant-menu-submenu .ant-menu-sub{background:#fff;border-radius:8px;padding:8px 0}.top-menu .ant-menu-submenu .ant-menu-item{height:40px;line-height:40px;margin:4px 8px;border-radius:6px;border-bottom:none!important;padding:0 16px!important}.top-menu .ant-menu-submenu .ant-menu-item:hover{background:#f5f5f5;color:#1890ff}.top-menu .ant-menu-submenu .ant-menu-item-selected{background:#e6f7ff;color:#1890ff}.top-menu .ant-menu-submenu-arrow{color:inherit;margin-left:4px;font-size:10px;transition:transform .3s ease}.top-menu .ant-menu-submenu-open .ant-menu-submenu-arrow{transform:rotate(180deg)}.interaction-section{display:flex;align-items:center;gap:16px;height:100%;padding:0 8px}.time-section{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.greeting-text{font-size:12px;color:#666;line-height:1.2;margin:0}.time-text{font-size:14px;color:#333;font-weight:500;line-height:1.2;margin:0}.main-content{background:#f5f5f5;width:100%}.content-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin:0;padding:24px;min-height:calc(100vh - 118px)}.main-footer{text-align:center;background:#f0f2f5;border-top:1px solid #d9d9d9}.mobile-menu-button{display:none!important}.mobile-avatar{width:28px!important;height:28px!important}.mobile-drawer .ant-drawer-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.mobile-drawer .ant-drawer-body{padding:0}.mobile-drawer .ant-menu{border:none}.mobile-drawer .ant-menu-item{height:48px;line-height:48px;margin:0;border-radius:0}.mobile-drawer .ant-menu-submenu{border-radius:0}.mobile-drawer .ant-menu-submenu-title{height:48px;line-height:48px;margin:0;border-radius:0}.mobile-drawer .ant-menu-sub{background:#fafafa}.mobile-drawer .ant-menu-submenu .ant-menu-item{height:40px;line-height:40px;padding-left:48px!important}@media(max-width:1200px){.header-center{max-width:600px}}@media(max-width:768px){.mobile-menu-button{display:flex!important}.header-left{padding-left:16px;flex:1}.header-center{display:none}.header-right{padding-right:16px;flex:0 0 auto}.brand-subtitle{display:none}.interaction-section{gap:8px}.content-container{padding:16px;margin:0 8px}.github-banner{padding:6px 12px;font-size:12px}}@media(max-width:576px){.header-left{padding-left:12px}.header-right{padding-right:12px}.brand-title{font-size:14px}.brand-logo{width:24px;height:24px}.content-container{padding:12px;margin:0 4px}.top-header{height:44px}.github-banner{font-size:11px;padding:4px 8px}.mobile-drawer{width:260px!important}}@media(max-width:480px){.brand-info{display:none}.header-left{padding-left:8px}.header-right{padding-right:8px}.content-container{padding:8px;margin:0 2px}}.home-container{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;gap:2rem;padding:"10px";width:"100%"}.logo-section{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.home-title{margin:0;text-align:center}.cards-section{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:800px}.feature-card{flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2em;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.feature-card:hover{box-shadow:0 4px 16px #00000026}.read-the-docs{color:#888;font-size:.9em;margin-top:auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;flex-shrink:0}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.cloudflare:hover{filter:drop-shadow(0 0 2em #f6821faa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}button{padding:.5rem 1rem;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}button:hover{border-color:#4096ff;color:#4096ff}button:active{transform:scale(.98)}.feature-card p{margin:0;text-align:center}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:2rem}.about-title{text-align:center;margin:0;font-size:2rem;color:#1890ff}.file-transfer-container{max-width:600px;margin:0 auto;padding:20px;background:var(--bg-secondary, #fff);border-radius:12px;box-shadow:0 4px 6px #0000001a}.ft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ft-header h2{margin:0}.settings-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;transition:all .3s;padding:8px;border-radius:50%}.settings-toggle:hover,.settings-toggle.active{background:#f0f0f0;color:#2563eb;transform:rotate(45deg)}.settings-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:20px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-title{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#64748b;margin-bottom:8px;font-weight:600}.text-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.8rem}.text-btn:hover{color:#2563eb}.server-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.server-item{display:flex;align-items:center;background:#fff;padding:6px 10px;border-radius:4px;border:1px solid #e2e8f0}.server-url{flex:1;font-family:monospace;font-size:.85rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:none;border:none;cursor:pointer;padding:4px 8px;color:#94a3b8;transition:color .2s}.icon-btn.delete:hover{color:#ef4444}.icon-btn.add{background:#2563eb;color:#fff;border-radius:4px}.icon-btn.add:disabled{background:#cbd5e1;cursor:not-allowed}.add-server-row{display:flex;gap:8px}.add-server-row input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem}.description{color:#666;font-size:.9rem;margin-bottom:20px;line-height:1.5}.ft-tabs{display:flex;margin-bottom:24px;border-bottom:2px solid #eee}.ft-tabs button{flex:1;padding:12px;border:none;background:none;font-size:1rem;font-weight:500;cursor:pointer;color:#888;transition:all .2s}.ft-tabs button.active{color:#2563eb;border-bottom:2px solid #2563eb;margin-bottom:-2px}.ft-content{min-height:200px;display:flex;flex-direction:column;align-items:center}.sender-panel,.receiver-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.file-input-wrapper input{padding:10px;border:2px dashed #ccc;border-radius:8px;width:100%;box-sizing:border-box}.receiver-panel input[type=text]{padding:12px;font-size:1.2rem;text-align:center;letter-spacing:2px;border:1px solid #ddd;border-radius:8px;width:200px}.primary-btn{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#1d4ed8}.code-display{background:#f3f4f6;padding:20px;border-radius:12px;text-align:center;width:100%;box-sizing:border-box}.code-display .code{font-size:2.5rem;font-weight:700;color:#2563eb;letter-spacing:4px;margin:10px 0;-webkit-user-select:all;user-select:all}.status-box{margin-top:24px;width:100%;padding:16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.status-box.error{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.status-box.completed{background:#f0fdf4;border-color:#dcfce7;color:#16a34a}.progress-bar-bg{height:8px;background:#e2e8f0;border-radius:4px;margin-top:10px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background:#2563eb;transition:width .3s ease}.progress-text{font-size:.8rem;float:right;margin-top:4px;color:#64748b}