:root{--primary-color:#1a237e;--secondary-color:#00bcd4;--accent-color:#448aff;--accent-green:#00e676;--text-primary:#333;--text-secondary:#666;--text-light:#999;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-dark:#0a0e27;--bg-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--border-color:#e0e0e0;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 20px rgba(0,0,0,0.15);--shadow-xl:0 20px 40px rgba(0,0,0,0.2);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:20px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Inter','Microsoft YaHei','PingFang SC','Segoe UI',Roboto,sans-serif;color:var(--text-primary);line-height:1.6;background:var(--bg-primary);overflow-x:hidden;}a{text-decoration:none;color:inherit;transition:color var(--transition-fast);}a:hover{color:var(--accent-color);}img{max-width:100%;height:auto;display:block;}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;}button{cursor:pointer;border:none;outline:none;transition:all var(--transition-normal);}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.flex{display:flex;}.flex-center{display:flex;align-items:center;justify-content:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.flex-wrap{flex-wrap:wrap;}.flex-col{flex-direction:column;}.grid{display:grid;}.gap-sm{gap:10px;}.gap-md{gap:20px;}.gap-lg{gap:30px;}.mt-sm{margin-top:10px;}.mt-md{margin-top:20px;}.mt-lg{margin-top:30px;}.mb-sm{margin-bottom:10px;}.mb-md{margin-bottom:20px;}.mb-lg{margin-bottom:30px;}.hidden{display:none;}.visible{display:block;}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:50px;position:relative;background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--bg-gradient);border-radius:2px;}.btn{display:inline-block;padding:12px 28px;border-radius:var(--border-radius-lg);font-weight:600;font-size:1rem;transition:all var(--transition-normal);cursor:pointer;text-align:center;}.btn-primary{background:var(--bg-gradient);color:white;box-shadow:var(--shadow-md);}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:white;}.btn-secondary{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);}.btn-secondary:hover{background:var(--accent-color);color:white;}.btn-large{padding:16px 36px;font-size:1.1rem;}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden;}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}.fade-in.visible,.news-card,.tool-card{opacity:1;transform:translateY(0);}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;}.badge-primary{background:rgba(68,138,255,0.1);color:var(--accent-color);}.badge-success{background:rgba(0,230,118,0.1);color:#00c853;}.badge-warning{background:rgba(255,193,7,0.1);color:#ff9800;}.search-box{position:relative;max-width:600px;margin:0 auto;}.search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid var(--border-color);border-radius:var(--border-radius-xl);font-size:1rem;transition:all var(--transition-normal);background:var(--bg-primary);}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(68,138,255,0.1);}.search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--bg-gradient);color:white;border:none;padding:10px 15px;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal);}.search-btn:hover{opacity:0.9;}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light);}.empty-state-icon{font-size:4rem;margin-bottom:20px;}.pagination{display:flex;justify-content:center;gap:10px;margin-top:40px;}.pagination-btn{padding:10px 15px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);}.pagination-btn:hover,.pagination-btn.active{background:var(--accent-color);color:white;border-color:var(--accent-color);}.pagination-btn:disabled{opacity:0.5;cursor:not-allowed;}