*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0a2d5a;--primary-light:#1a4a8a;--accent:#00a0e9;--accent-dark:#0080c0;--text:#2c3e50;--text-light:#6c7a89;--bg:#f8fafc;--white:#fff;--border:#e2e8f0;--shadow:0 4px 24px #00000014;--radius:8px;--transition:.25s ease}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;outline:none;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 6px 20px #00a0e94d}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #00a0e933}.btn-outline{color:var(--white);background:0 0;border:2px solid #fff9}.btn-outline:hover{border-color:var(--white);background:#ffffff1a}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:56px}.section-title h2{color:var(--primary);margin-bottom:12px;font-size:32px;font-weight:700}.section-title p{color:var(--text-light);max-width:560px;margin:0 auto;font-size:16px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.tag{color:var(--accent-dark);background:#00a0e91a;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.pagination{justify-content:center;gap:8px;margin-top:48px;display:flex}.page-btn{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;transition:all var(--transition);border:1px solid var(--border);background:var(--white);color:var(--text);justify-content:center;align-items:center;font-size:14px;display:flex}.page-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.page-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.breadcrumb{color:var(--text-light);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{color:var(--border)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.section{padding:48px 0}.section-title h2{font-size:24px}.grid-4,.grid-3{grid-template-columns:1fr}.container{padding:0 16px}}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--white);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00a0e926}input::placeholder,textarea::placeholder{color:#a0aec0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.8s linear infinite spin}.loading-pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse;display:inline-block}.loading-skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@media (hover:none) and (pointer:coarse){.btn{padding:14px 28px}.nav a{padding:12px 16px}}.scroll-reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.scroll-reveal.animate-in{opacity:1;transform:translateY(0)}.grid-3>.scroll-reveal:first-child{transition-delay:0s}.grid-3>.scroll-reveal:nth-child(2){transition-delay:.1s}.grid-3>.scroll-reveal:nth-child(3){transition-delay:.2s}.grid-3>.scroll-reveal:nth-child(4){transition-delay:.3s}.grid-3>.scroll-reveal:nth-child(5){transition-delay:.4s}.grid-3>.scroll-reveal:nth-child(6){transition-delay:.5s}.grid-4>.scroll-reveal:first-child{transition-delay:0s}.grid-4>.scroll-reveal:nth-child(2){transition-delay:80ms}.grid-4>.scroll-reveal:nth-child(3){transition-delay:.16s}.grid-4>.scroll-reveal:nth-child(4){transition-delay:.24s}.scroll-slide-left{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-40px)}.scroll-slide-left.animate-in{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transition:opacity .65s,transform .65s;transform:translate(40px)}.scroll-slide-right.animate-in{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transition:opacity .65s,transform .65s;transform:scale(.92)}.scroll-scale.animate-in{opacity:1;transform:scale(1)}@keyframes heroScrollPulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(8px)}}