*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{height:100vh;width:100%;position:relative}.background-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 10% 10%,rgba(118,156,255,.03) 0,transparent 40%),radial-gradient(circle at 90% 90%,rgba(255,217,172,.04) 0,transparent 40%);opacity:.8}.layout-container{height:100%;width:100%}.layout-sider{background-color:hsla(0,0%,100%,.85);border-right:1px solid var(--color-light-gray);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-soft);position:relative;z-index:10;backdrop-filter:blur(10px);transition:all var(--transition-smooth)}.layout-sider:hover{box-shadow:var(--shadow-medium)}.layout-sider:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(118,156,255,.03) 0,transparent 70%);pointer-events:none;opacity:.8;z-index:-1}.sider-header{padding:20px;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-light-gray);position:relative}.sider-header:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:1px;background:linear-gradient(90deg,var(--color-primary),transparent)}.logo{display:flex;align-items:center;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.logo-text{background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.logo img{width:28px;height:28px;margin-right:12px;filter:drop-shadow(0 2px 5px rgba(118,156,255,.3));transition:transform var(--transition-quick)}.logo:hover img{transform:scale(1.1) rotate(5deg)}.collapse-btn{display:none}.sider-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--color-mid-gray) transparent}.sider-content::-webkit-scrollbar{width:4px}.sider-content::-webkit-scrollbar-track{background:transparent}.sider-content::-webkit-scrollbar-thumb{background-color:var(--color-mid-gray);border-radius:10px}.menu-container{display:flex;flex-direction:column;height:100%;padding:10px 0}.menu-header{padding:16px 20px 8px 20px;font-size:13px;color:var(--text-light);display:flex;align-items:center;font-weight:500}.menu-item{margin:4px 10px;border-radius:12px!important;overflow:hidden;transition:all var(--transition-quick)!important;height:44px!important}.menu-icon-wrapper{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:rgba(118,156,255,.1);transition:all var(--transition-quick);position:relative;overflow:hidden}.menu-icon-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,hsla(0,0%,100%,.8),transparent);opacity:0;transition:opacity var(--transition-quick)}.love-icon{background-color:rgba(255,130,150,.1);color:#ff8296}.manus-icon{background-color:rgba(15,198,194,.1);color:#0fc6c2}.exam-icon{background-color:rgba(97,0,205,.1);color:#6100cd}.health-icon{background-color:rgba(15,198,194,.1);color:#0fc6c2}.menu-label{font-weight:500;letter-spacing:.2px;transition:all var(--transition-quick)}.arco-menu-light .arco-menu-item{color:var(--text-secondary)}.arco-menu-light .arco-menu-item.arco-menu-selected{background-color:rgba(118,156,255,.1);color:var(--color-primary);font-weight:500;position:relative}.arco-menu-light .arco-menu-item.arco-menu-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-primary);border-radius:0 2px 2px 0}.arco-menu-light .arco-menu-item.arco-menu-selected .menu-icon-wrapper{background-color:var(--color-primary);color:#fff;transform:scale(1.05);box-shadow:0 2px 8px rgba(118,156,255,.3)}.arco-menu-light .arco-menu-item.arco-menu-selected .menu-icon-wrapper.love-icon{background-color:#ff8296;box-shadow:0 2px 8px rgba(255,130,150,.3)}.arco-menu-light .arco-menu-item.arco-menu-selected .menu-icon-wrapper.manus-icon{background-color:#0fc6c2;box-shadow:0 2px 8px rgba(15,198,194,.3)}.arco-menu-light .arco-menu-item.arco-menu-selected .menu-icon-wrapper.exam-icon{background-color:#6100cd;box-shadow:0 2px 8px rgba(97,0,205,.3)}.arco-menu-light .arco-menu-item.arco-menu-selected .menu-icon-wrapper.health-icon{background-color:#0fc6c2;box-shadow:0 2px 8px rgba(15,198,194,.3)}.arco-menu-light .arco-menu-item:hover{background-color:rgba(118,156,255,.05);color:var(--color-primary)}.arco-menu-light .arco-menu-item:hover .menu-icon-wrapper{transform:scale(1.05)}.arco-menu-light .arco-menu-item:hover .menu-icon-wrapper:before{opacity:.4}.arco-menu-light .arco-menu-item:hover .menu-label{transform:translateX(2px)}.layout-content{padding:0;height:100%;background-color:var(--color-off-white);position:relative;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}:root{--color-primary:rgba(118,156,255,.9);--color-primary-light:rgba(118,156,255,.2);--color-accent:rgba(255,217,172,.9);--color-accent-light:rgba(255,217,172,.2);--color-white:#fff;--color-off-white:#f9f9f7;--color-light-gray:#f0f0ee;--color-mid-gray:#e5e5e3;--color-light-wood:#f5eee6;--color-dark-wood:#e9dfd4;--text-primary:#404045;--text-secondary:#777780;--text-highlight:#a98857;--text-light:#9999a3;--shadow-soft:0 4px 20px rgba(0,0,0,.05);--shadow-medium:0 8px 30px rgba(0,0,0,.08);--shadow-accent:0 8px 25px rgba(169,136,87,.15);--glow-primary:0 0 15px rgba(118,156,255,.3);--glow-accent:0 0 15px rgba(255,217,172,.3);--transition-quick:0.2s cubic-bezier(0.25,0.1,0.25,1);--transition-smooth:0.4s cubic-bezier(0.42,0,0.58,1);--transition-breathe:2.5s cubic-bezier(0.4,0,0.6,1) infinite}body{background-color:var(--color-off-white);background-image:linear-gradient(hsla(0,0%,94%,.2) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,94%,.2) 1px,transparent 0);background-size:20px 20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.05;z-index:-1}@keyframes breathe{0%,to{box-shadow:var(--shadow-soft);opacity:.95}50%{box-shadow:var(--glow-primary);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.02);opacity:1}}@keyframes fadeScale{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}