.user-status[data-v-ea4e5dad]{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(0,0,0,.1);background-color:#f5f7fa}.user-avatar[data-v-ea4e5dad]{width:60px;height:60px;border-radius:50%;background-color:var(--light-blue);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231890ff"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-size:60%;background-position:center;background-repeat:no-repeat;margin-right:16px;box-shadow:0 2px 8px #0000001a}.user-info[data-v-ea4e5dad]{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 0}.user-type[data-v-ea4e5dad]{font-size:1.4rem;color:var(--primary-blue);font-weight:600;text-align:center;margin-top:16px}.user-name[data-v-ea4e5dad]{font-size:1.2rem;color:#333;font-weight:600}.sidebar[data-v-ea4e5dad]{width:260px;background:linear-gradient(135deg,#f5f7fa 0%,#ffffff 100%);border-right:1px solid #e8ecf3;box-shadow:4px 0 15px #00000014;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;height:100vh;position:fixed;overflow:hidden}.sidebar[data-v-ea4e5dad]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(24,144,255,.05) 0%,transparent 70%);animation:float-ea4e5dad 20s ease-in-out infinite}.sidebar[data-v-ea4e5dad]:after{content:"";position:absolute;bottom:-30%;left:-30%;width:150%;height:150%;background:radial-gradient(circle,rgba(64,169,255,.03) 0%,transparent 60%);animation:float-ea4e5dad 25s ease-in-out infinite reverse}@keyframes float-ea4e5dad{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.sidebar-title[data-v-ea4e5dad]{font-size:1.5rem;font-weight:700;text-align:center;padding:1.2rem 0;background:linear-gradient(to right,#1890ff,#40a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 2px #ccc}.sidebar-title[data-v-ea4e5dad]:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.user-status[data-v-ea4e5dad]{display:flex;align-items:center;padding:20px 16px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);border-bottom:1px solid rgba(24,144,255,.1);position:relative;z-index:1;margin:0 12px;border-radius:12px;box-shadow:0 4px 12px #1890ff14}.user-avatar[data-v-ea4e5dad]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231890ff"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-size:60%;background-position:center;background-repeat:no-repeat;margin-right:14px;box-shadow:0 4px 12px #1890ff26;border:2px solid rgba(255,255,255,.8);position:relative}.user-avatar[data-v-ea4e5dad]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,#1890ff,#40a9ff,#1890ff);opacity:0;transition:opacity .3s;z-index:-1}.user-status:hover .user-avatar[data-v-ea4e5dad]:after{opacity:.5}.user-info[data-v-ea4e5dad]{flex:1;display:flex;align-items:center;justify-content:center}.user-type[data-v-ea4e5dad]{font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#1890ff,#40a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.nav-links[data-v-ea4e5dad]{display:flex;flex-direction:column;padding:20px 12px 0;flex:1;position:relative;z-index:1}.nav-link[data-v-ea4e5dad]{display:flex;align-items:center;padding:12px 16px;margin:6px 0;color:#4a5568;text-decoration:none;border-radius:10px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.nav-link[data-v-ea4e5dad]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(24,144,255,.1),transparent);transition:left .5s}.nav-link[data-v-ea4e5dad]:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e6f7ff 100%);color:#1890ff;transform:translate(5px);box-shadow:0 4px 12px #1890ff1a}.nav-link[data-v-ea4e5dad]:hover:before{left:100%}.nav-link.router-link-active[data-v-ea4e5dad]{background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%);color:#fff;font-weight:600;box-shadow:0 4px 15px #1890ff4d;transform:translate(5px)}.nav-icon[data-v-ea4e5dad]{width:24px;height:24px;margin-right:12px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(.9);transition:transform .3s}.nav-link:hover .nav-icon[data-v-ea4e5dad]{transform:scale(1.1)}.nav-link.router-link-active .nav-icon[data-v-ea4e5dad]{filter:brightness(0) invert(1)}.nav-icon.home[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>')}.nav-icon.intro[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>')}.nav-icon.register[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>')}.nav-icon.login[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z"/></svg>')}.nav-icon.optimization[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/></svg>')}.nav-icon.analysis[data-v-ea4e5dad]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 10h12v2H4zm0 4h8v2H4zm14-1.5l-4-4v3H4v2h10v3l4-4z"/></svg>')}.nav-text[data-v-ea4e5dad]{flex:1;white-space:nowrap;letter-spacing:.3px}.toggle-btn[data-v-ea4e5dad]{margin:16px auto 20px;padding:10px 24px;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf3 100%);border:1px solid rgba(24,144,255,.2);border-radius:20px;cursor:pointer;font-size:1.1rem;color:#4a5568;transition:all .3s;font-weight:500;position:relative;z-index:1}.toggle-btn[data-v-ea4e5dad]:hover{background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);border-color:#40a9ff;color:#1890ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff33}.toggle-btn[data-v-ea4e5dad]:active{transform:translateY(0)}.container{display:flex;min-height:100vh}.main-content{flex:1;padding:20px;position:relative}.login-register{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:100}#registerBtn,#loginBtn{padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px;transition:all .3s}#registerBtn{background-color:var(--primary-blue);color:#fff}#loginBtn{border:1px solid var(--primary-blue);color:var(--primary-blue)}#registerBtn:hover{background-color:var(--dark-blue)}#loginBtn:hover{background-color:var(--light-blue)}.logged-in-status{padding:8px 16px;color:var(--primary-blue);font-size:14px}.logout-btn{padding:8px 16px;border:1px solid #ff4d4f;color:#ff4d4f;background:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn:hover{background-color:#fff1f0}*{margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑,sans-serif}:root{--primary-blue: #1890ff;--light-blue: #e6f7ff;--dark-blue: #0050b3;--sidebar-width: 240px}body{background:#f0f2f5}.container{display:flex;min-height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow-x:hidden;width:100%}.sidebar{background:white;width:var(--sidebar-width);height:100vh;position:fixed;box-shadow:2px 0 8px #00000026;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);z-index:10}.sidebar.collapsed{transform:translate(calc(var(--sidebar-width) * -1))}.toggle-btn{position:absolute;right:-20px;top:50%;transform:translateY(-50%);background:white;border:2px solid var(--primary-blue);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s;z-index:100;display:flex;align-items:center;justify-content:center;font-size:0}.toggle-btn:after{content:"";width:10px;height:10px;border-top:2px solid var(--primary-blue);border-right:2px solid var(--primary-blue);transform:rotate(-135deg) translate(-2px,2px);transition:transform .3s}.sidebar.collapsed .toggle-btn:after{transform:rotate(45deg)}.toggle-btn:hover{background:var(--dark-blue)}.sidebar-title{padding:30px 20px;font-size:24px;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#87CEEB,#1E90FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.user-info{padding:20px;text-align:center;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.user-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--light-blue);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--primary-blue)}.user-status-guest{color:#0063cc}.user-status-login{color:red}.nav-buttons{padding:20px}.nav-btn{width:100%;padding:16px;margin:12px 0;border:none;border-radius:8px;background:white;color:#333;font-size:16px;cursor:pointer;transition:all .3s;display:block;text-decoration:none;text-align:center}.nav-btn:hover{transform:scale(1.1);color:var(--primary-blue)}.nav-dropdown,.dropdown-toggle{position:relative}.dropdown-toggle:after{content:"∨";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--primary-blue);font-size:20px;transition:transform .3s ease;transform-origin:50% 50%;display:inline-block}.dropdown-toggle.active:after{transform:translateY(-50%) rotate(180deg);right:16px}.dropdown-content{display:none;padding-left:20px;overflow:hidden;transition:all .3s ease}.dropdown-content.show{display:block}.sub-nav-btn{font-size:14px;padding:12px;margin:8px 0;color:#333;background:none}.sub-nav-btn:hover{color:var(--primary-blue);transform:scale(1.1)}.main-content{flex:1;padding:40px;min-height:100vh;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);margin-left:var(--sidebar-width)}.sidebar.collapsed+.main-content{margin-left:0}.page-content{max-width:1200px;margin:0 auto;padding:20px;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a}.gradient-title{font-size:32px;margin-bottom:30px;text-align:center;background:linear-gradient(45deg,#1890ff,#36cfc9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.intro-text{text-align:center;margin-bottom:40px}.intro-text div{margin-bottom:15px;font-size:18px;line-height:1.6}.intro-text div:first-child{font-size:36px;font-weight:700;margin-bottom:20px;color:#1890ff}.intro-text div:nth-child(2){font-size:24px;margin-bottom:30px}.intro-text span{color:#1890ff;font-weight:700}.keyword-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.keyword-tag{background:var(--light-blue);color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;transition:all .3s;cursor:default}.keyword-tag:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px}.card{background:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.card h3{color:#1890ff;margin-bottom:15px;border-bottom:1px solid #e8e8e8;padding-bottom:10px}.login-register{position:absolute;top:20px;right:40px;z-index:5;display:flex;gap:15px;align-items:center}.login-register a{color:var(--primary-blue);text-decoration:none;font-weight:700;transition:all .3s}.login-register a:hover{color:var(--dark-blue);text-decoration:underline}.logged-in-status{color:green;font-weight:700}.logout-btn{background:#ff4d4f;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#ff7875}.login-form,.register-form{max-width:400px;margin:0 auto;padding:30px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.form-group input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:4px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #1890ff33;outline:none}.login-btn,.register-btn{width:100%;padding:12px;background:var(--primary-blue);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s;margin-top:10px}.login-btn:hover,.register-btn:hover{background:var(--dark-blue)}.message{margin-top:15px;text-align:center;min-height:24px}.register-link,.login-link{margin-top:20px;text-align:center}.register-link a,.login-link a{color:var(--primary-blue);text-decoration:none;font-weight:700}.register-link a:hover,.login-link a:hover{text-decoration:underline}.password-requirements{font-size:12px;color:#999;margin-top:5px}.auth-box{max-width:500px;margin:0 auto 40px;padding:30px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.auth-box input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:4px;font-size:16px;margin-bottom:20px}.auth-box button{padding:12px 24px;margin-top:20px}#authResult{padding:15px;border-radius:4px;margin:20px 0;font-weight:700;min-height:50px;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.data-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}.data-card{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;text-align:center;transition:all .3s}.data-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.card-icon{font-size:24px;margin-bottom:10px;color:var(--primary-blue)}.card-title{font-size:14px;color:#666;margin-bottom:5px}.card-value{font-size:20px;font-weight:700;color:#333}.button-container{margin-top:30px;text-align:center}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fefefe;margin:3% auto;padding:20px;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-btn:hover{color:#333}@media (max-width: 768px){.sidebar{width:100%;transform:translate(-100%)}.main-content{margin-left:0;padding:20px}.toggle-btn{right:-15px;width:30px;height:30px}.info-cards{grid-template-columns:1fr}.login-register{position:static;justify-content:flex-end;margin-bottom:20px}}