/*! * GuangHe Technology Website Styles * Version:1.2.0 * Copyright (c) 2025 GuangHe Technology */ *{box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'思源黑体','Noto Sans SC','PingFang SC',sans-serif;line-height:1.6;color:#333;background-color:#fff;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes pulse{0%{opacity:1;}50%{opacity:0.7;}100%{opacity:1;}}@keyframes slideInUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.animate-float{animation:float 4s ease-in-out infinite;}.animate-pulse{animation:pulse 2s infinite;}.animate-slide-up{animation:slideInUp 0.6s ease-out forwards;}.animate-fade-in{animation:fadeIn 0.5s ease-out forwards;}.bg-gradient-primary{background:linear-gradient(135deg,#4240C8,#5654DD);}.bg-gradient-secondary{background:linear-gradient(135deg,#FF6B00,#FF9248);}.bg-gradient-subtle{background:linear-gradient(135deg,#F5F7FA,#E8F0F8);}.text-gradient{background:linear-gradient(90deg,#FF6B00,#FF9248);-webkit-background-clip:text;background-clip:text;color:transparent;}.text-gradient-primary{background:linear-gradient(90deg,#4240C8,#5654DD);-webkit-background-clip:text;background-clip:text;color:transparent;}.card-hover{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);}.card-primary:hover{box-shadow:0 10px 20px rgba(66,64,200,0.15);}.card-secondary:hover{box-shadow:0 10px 20px rgba(255,107,0,0.15);}.btn-primary{background:#4240C8;color:white;font-weight:600;padding:0.75rem 1.5rem;border-radius:0.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;}.btn-primary:hover{background:#303098;transform:translateY(-2px);box-shadow:0 10px 20px rgba(66,64,200,0.3);}.btn-primary:active{transform:scale(0.95);}.btn-secondary{background:#FF6B00;color:white;font-weight:600;padding:0.75rem 1.5rem;border-radius:0.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;}.btn-secondary:hover{background:rgba(255,107,0,0.9);transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,107,0,0.3);}.btn-secondary:active{transform:scale(0.95);}.btn-outline{background:transparent;color:#4240C8;font-weight:600;padding:0.75rem 1.5rem;border-radius:0.5rem;border:2px solid #4240C8;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.btn-outline:hover{background:#4240C8;color:white;transform:translateY(-2px);}.form-input{width:100%;padding:0.75rem 1rem;border:1px solid #E0E0E0;border-radius:0.5rem;font-size:1rem;transition:all 0.3s ease;background:white;}.form-input:focus{outline:none;border-color:#4240C8;box-shadow:0 0 0 3px rgba(66,64,200,0.1);}.form-input.error-border{border-color:#FF4D4F !important;box-shadow:0 0 0 3px rgba(255,77,79,0.1) !important;}.form-select{width:100%;padding:0.75rem 1rem;border:1px solid #E0E0E0;border-radius:0.5rem;font-size:1rem;background:white;transition:all 0.3s ease;}.form-select:focus{outline:none;border-color:#4240C8;box-shadow:0 0 0 3px rgba(66,64,200,0.1);}.form-textarea{width:100%;padding:0.75rem 1rem;border:1px solid #E0E0E0;border-radius:0.5rem;font-size:1rem;resize:vertical;min-height:120px;transition:all 0.3s ease;background:white;}.form-textarea:focus{outline:none;border-color:#4240C8;box-shadow:0 0 0 3px rgba(66,64,200,0.1);}.captcha-container{position:relative;display:flex;flex-direction:column;align-items:center;}.captcha-code{width:280px;height:200px;background-color:#f0f0f0;border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none;border:2px solid #E0E0E0;}.captcha-hint{font-size:16px;color:#666;margin-bottom:10px;text-align:center;font-weight:500;}.captcha-char{position:absolute;font-size:24px;font-weight:bold;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(255,255,255,0.8);box-shadow:0 2px 8px rgba(0,0,0,0.1);border:2px solid rgba(0,0,0,0.05);}.captcha-char:hover{background-color:rgba(66,64,200,0.1);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.captcha-char.selected{background-color:rgba(66,64,200,0.8);color:white;transform:scale(1.05);box-shadow:0 4px 12px rgba(66,64,200,0.3);}.captcha-sequence{display:flex;gap:8px;margin-bottom:10px;}.sequence-slot{width:40px;height:40px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;background:rgba(255,255,255,0.5);transition:all 0.3s ease;}.sequence-slot:not(:empty){border-color:#4240C8;background:rgba(66,64,200,0.1);color:#4240C8;}.captcha-refresh{background:none;border:none;color:#4240C8;font-size:14px;cursor:pointer;display:flex;align-items:center;margin-top:5px;padding:5px 10px;border-radius:4px;transition:all 0.3s ease;}.captcha-refresh:hover{background:rgba(66,64,200,0.1);}.error-text{color:#FF4D4F;font-size:0.875rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem;}.error-text::before{content:'⚠';font-size:1rem;}.success-text{color:#52C41A;font-size:0.875rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem;}.success-text::before{content:'✓';font-size:1rem;}.hidden-field{display:none !important;}.nav-link{position:relative;transition:all 0.3s ease;}.nav-link.active{color:#4240C8 !important;font-weight:600;}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4240C8;border-radius:1px;}.mobile-nav-link.active{color:#4240C8 !important;font-weight:600;border-left:4px solid #4240C8;}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4240C8;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.notification{position:fixed;top:20px;right:20px;background:white;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.1);border-left:4px solid #4240C8;z-index:9999;max-width:400px;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.notification.show{transform:translateX(0);}.notification.success{border-left-color:#52C41A;}.notification.error{border-left-color:#FF4D4F;}.notification.warning{border-left-color:#FF6B00;}@media (max-width:768px){.captcha-code{width:250px;height:180px;}.captcha-char{width:50px;height:50px;font-size:20px;}.sequence-slot{width:35px;height:35px;font-size:18px;}.btn-primary,.btn-secondary,.btn-outline{padding:0.6rem 1.2rem;font-size:0.9rem;}.card-hover:hover{transform:translateY(-2px);}.notification{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100%);}.notification.show{transform:translateY(0);}}@media (max-width:480px){.captcha-code{width:220px;height:160px;}.captcha-char{width:45px;height:45px;font-size:18px;}.sequence-slot{width:32px;height:32px;font-size:16px;}}@media print{.no-print{display:none !important;}body{font-size:12pt;line-height:1.4;}.btn-primary,.btn-secondary,.btn-outline{border:1px solid #333;background:white !important;color:#333 !important;}}.icon-small{font-size:16px;}