.navbar[data-v-95963273]{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo[data-v-95963273]{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--secondary-color);text-decoration:none}.logo i[data-v-95963273]{color:var(--primary-color)}.nav-links[data-v-95963273]{display:flex;gap:30px}.nav-link[data-v-95963273]{color:var(--secondary-color);text-decoration:none;font-weight:500;padding:8px 15px;border-radius:var(--border-radius);transition:var(--transition)}.nav-link[data-v-95963273]:hover,.active[data-v-95963273]{background-color:var(--primary-color);color:#fff}.user-controls[data-v-95963273]{display:flex;gap:15px;align-items:center}.key-input[data-v-95963273]{padding:8px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:.9rem;width:150px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--accent-color: #e74c3c;--light-color: #f8f9fa;--dark-color: #343a40;--success-color: #2ecc71;--warning-color: #f39c12;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--dark-color);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:var(--box-shadow);position:sticky;top:0;z-index:100}footer{text-align:center;padding:30px 0;color:#7f8c8d;font-size:.9rem;border-top:1px solid #eaeaea;margin-top:50px}.btn{padding:8px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-danger{background:var(--accent-color);color:#fff}.btn-danger:hover{background:#c0392b}.card{background:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow)}