*{box-sizing:border-box;margin:0;padding:0;font-family:Source Code Pro,ZCOOL XiaoWei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body{width:100%;height:100%;overflow:hidden;position:fixed;margin:0;padding:0}.app{width:100%;height:100vh;background:#ffc000;display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:0;overflow:hidden;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CradialGradient id='Gradient1' cx='50%25' cy='50%25' fx='50%25' fy='50%25' r='.5'%3E%3Canimate attributeName='fx' dur='34s' values='0%25;1%25;0%25' repeatCount='indefinite' /%3E%3Cstop offset='0%25' stop-color='rgba(255, 0, 255, 1)' /%3E%3Cstop offset='100%25' stop-color='rgba(255, 0, 255, 0)' /%3E%3C/radialGradient%3E%3CradialGradient id='Gradient2' cx='50%25' cy='50%25' fx='10%25' fy='50%25' r='.5'%3E%3Canimate attributeName='fx' dur='23.5s' values='0%25;1%25;0%25' repeatCount='indefinite' /%3E%3Cstop offset='0%25' stop-color='rgba(255, 255, 0, 1)' /%3E%3Cstop offset='100%25' stop-color='rgba(255, 255, 0, 0)' /%3E%3C/radialGradient%3E%3CradialGradient id='Gradient3' cx='50%25' cy='50%25' fx='50%25' fy='50%25' r='.5'%3E%3Canimate attributeName='fx' dur='21.5s' values='0%25;1%25;0%25' repeatCount='indefinite' /%3E%3Cstop offset='0%25' stop-color='rgba(0, 255, 255, 1)' /%3E%3Cstop offset='100%25' stop-color='rgba(0, 255, 255, 0)' /%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='0' y='0' width='200%25' height='200%25' fill='url(%23Gradient1)'%3E%3Canimate attributeName='x' dur='20s' values='0%25;50%25;0%25' repeatCount='indefinite' /%3E%3Canimate attributeName='y' dur='21s' values='0%25;50%25;0%25' repeatCount='indefinite' /%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='17s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='0' y='0' width='100%25' height='200%25' fill='url(%23Gradient2)'%3E%3Canimate attributeName='x' dur='23s' values='50%25;-25%25;50%25' repeatCount='indefinite' /%3E%3Canimate attributeName='y' dur='24s' values='50%25;-25%25;50%25' repeatCount='indefinite' /%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='18s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='0' y='0' width='100%25' height='200%25' fill='url(%23Gradient3)'%3E%3Canimate attributeName='x' dur='25s' values='0%25;75%25;0%25' repeatCount='indefinite' /%3E%3Canimate attributeName='y' dur='26s' values='0%25;25%25;0%25' repeatCount='indefinite' /%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 50 50' to='0 50 50' dur='19s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");background-size:cover;pointer-events:none;z-index:0;opacity:.8}@media (min-width: 769px){.app{align-items:center}}.window-container{width:100%;height:100vh;max-width:1390px;max-height:900px;background:rgba(255,255,255,.1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:32px;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 64px #0003;display:flex;overflow:hidden;position:relative;opacity:1;transition:opacity .3s ease}.window-container.hidden{opacity:0;pointer-events:none}@media (max-width: 768px){.window-container{width:100%;height:100vh;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none}}.sidebar{width:213px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.85) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:none;padding:24px 0;display:flex;flex-direction:column;gap:0;transition:all .3s ease;border-radius:0;flex-shrink:0;overflow:hidden}@media (max-width: 768px){.sidebar{background:rgba(255,255,255,.95)}.content{background:rgba(255,255,255,.95);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}*{transition-duration:.15s!important;animation-duration:.15s!important}.sidebar-item:hover{transform:none!important}}.sidebar.collapsed{width:60px;padding:24px 0}.sidebar-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px 24px;position:relative;flex-shrink:0;border-bottom:none}.logo{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logo-expanded{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:transparent;border-radius:8px;color:#1f2937;font-weight:700;font-size:16px;white-space:nowrap;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden}.logo-expanded:hover{transform:scale(1.05)}.logo-text{font-family:Brush Script MT,Lucida Handwriting,Segoe Script,cursive;font-size:20px;font-weight:700;letter-spacing:1px;color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:opacity .3s ease .1s,width .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;position:relative;z-index:1}.sidebar.collapsed .logo{padding:0}.sidebar.collapsed .logo-expanded{display:none}.collapse-button{position:absolute;left:213px;top:45px;transform:translate(-50%);background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);border-radius:9999px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;flex-shrink:0;padding:0;z-index:100;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.collapse-button:hover{background:rgba(255,255,255,1);border-color:#0000001f;color:#1f2937;transform:translate(-50%) scale(1.05);box-shadow:0 4px 12px #00000026}.collapse-button:active{transform:translate(-50%) scale(.95);box-shadow:0 1px 4px #0000001a}.collapse-button svg{width:16px;height:16px;transition:transform .2s ease}.collapse-button:hover svg{transform:scale(1.1)}.collapse-button.collapsed{left:60px}.sidebar-menu{display:flex;flex-direction:column;gap:4px;padding:0 12px;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#6b7280;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;flex-shrink:0;background:transparent;border:1px solid transparent}.sidebar-item:hover{background:linear-gradient(135deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 100%);color:#1f2937;border-color:#00000014;transform:translateY(-1px);box-shadow:0 10px 28px #0003}.sidebar-item:nth-child(1) svg{color:#007aff}.sidebar-item:nth-child(2) svg{color:#ff9500}.sidebar-item:nth-child(3) svg{color:#34c759}.sidebar-item:nth-child(4) svg{color:#af52de}.sidebar-item:nth-child(5) svg{color:#ffd60a}.sidebar-item:nth-child(1):hover svg{filter:drop-shadow(0 8px 20px rgba(0,122,255,.6))}.sidebar-item:nth-child(2):hover svg{filter:drop-shadow(0 8px 20px rgba(255,149,0,.6))}.sidebar-item:nth-child(3):hover svg{filter:drop-shadow(0 8px 20px rgba(52,199,89,.6))}.sidebar-item:nth-child(4):hover svg{filter:drop-shadow(0 8px 20px rgba(175,82,222,.6))}.sidebar-item:nth-child(5):hover svg{filter:drop-shadow(0 8px 20px rgba(255,214,10,.6))}.sidebar-item.active{background:linear-gradient(135deg,rgba(0,122,255,.12) 0%,rgba(0,122,255,.08) 100%);color:#007aff;border-color:#007aff40;font-weight:600;box-shadow:0 4px 16px #007aff26,inset 0 1px #ffffff4d;position:relative}.sidebar-item svg{color:inherit;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);width:20px;height:20px;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.sidebar-item:hover svg{transform:scale(1.25) translateY(-1px)}.sidebar-item.active svg{filter:drop-shadow(0 8px 24px rgba(0,122,255,1));stroke-width:3;transform:scale(1.1)}.sidebar-item:hover svg,.sidebar-item.active svg{color:inherit}.sidebar-item span{flex:1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;transition:opacity .3s ease .4s}.sidebar.collapsed .sidebar-header{padding:0 8px 8px;justify-content:center}.sidebar.collapsed .sidebar-menu{padding:0 6px}.sidebar.collapsed .sidebar-item{padding:10px;justify-content:center}.sidebar.collapsed .sidebar-item span{opacity:0;width:0;transition:opacity .15s ease,width .4s cubic-bezier(.4,0,.2,1)}.sidebar-footer{margin-top:auto;padding:12px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;flex-shrink:0}.file-import{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:2px dashed rgba(0,0,0,.1);background:rgba(255,255,255,.3);min-height:80px;text-align:center;flex-shrink:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none}.file-import:hover{border-color:#007aff;background:rgba(0,122,255,.05);transform:translateY(-1px);box-shadow:0 4px 16px #007aff26}.file-import-icon{width:48px;height:48px;background:#007AFF;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:8px;transition:all .2s ease;box-shadow:0 2px 8px #007aff33}.file-import:hover .file-import-icon{transform:scale(1.05);box-shadow:0 4px 16px #007aff4d}.file-import-icon svg{color:#fff;width:24px;height:24px}.file-import-text{display:flex;flex-direction:column;gap:4px}.file-import-text p{font-size:14px;font-weight:600;color:#1f2937;margin:0;letter-spacing:-.01em}.file-import-text span{font-size:12px;color:#6b7280;margin:0}.sidebar.collapsed .sidebar-footer{padding:6px;align-items:center}.sidebar.collapsed .file-import{padding:10px;min-height:40px;flex-direction:column;align-items:center;justify-content:center}.sidebar.collapsed .file-import-icon{width:32px;height:32px;margin-bottom:0}.sidebar.collapsed .file-import-icon svg{width:16px;height:16px}.sidebar.collapsed .file-import-text{display:none}.content{flex:1;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.85) 100%);border-radius:0;box-shadow:0 8px 32px #00000014;overflow-y:auto;transition:all .3s ease;flex-shrink:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.empty-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:16px;background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.initial-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffc000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.initial-loading-spinner{width:50px;height:50px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;animation:spin 1s linear infinite}.initial-loading-text{display:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.loading-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top:3px solid #007AFF;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:14px;font-weight:600;text-align:center;padding:0 20px;max-width:80%;line-height:1.5;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.app{padding:0}.sidebar{width:60px;padding:8px 0}.sidebar-header{padding:0 6px 8px}.sidebar-menu{padding:0 6px;flex:1;overflow-y:auto}.sidebar-item{padding:10px;justify-content:center}.sidebar-item span{display:none}.sidebar-footer{padding:6px;margin-top:0}.file-import{padding:12px;min-height:56px;border-width:2px}.file-import-icon{width:40px;height:40px;margin-bottom:0}.file-import-icon svg{width:22px;height:22px}.file-import-text,.collapse-button{display:none}.content{box-shadow:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Code Pro,ZCOOL XiaoWei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#ffc000;width:100%;height:100%;overflow:hidden;position:fixed;margin:0;padding:0}#root{width:100%;height:100%;overflow:hidden}.blur-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.blur-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);filter:blur(40px)}.blur-circle-1{width:300px;height:300px;top:10%;left:5%;animation:float 8s ease-in-out infinite}.blur-circle-2{width:200px;height:200px;bottom:15%;right:10%;animation:float 10s ease-in-out infinite reverse}.blur-circle-3{width:150px;height:150px;top:50%;left:2%;animation:float 12s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}