找到
1
篇与
公益
相关的结果
-
Star⭐CDN 青序栈文官 Star⭐CDN是一个由信网发起的开源项目，提供免费的CDN加速服务，支持Jsdelivr、Gravatar等公共库的镜像加速。项目采用全球分布式节点部署，支持HTTPS和HTTP/3协议，确保网站加载速度和安全性。Star⭐CDN的核心特性包括极速加载、安全可靠、实时同步、智能缓存和全球覆盖。用户可以通过简单的步骤接入CDN服务，提升网站加载速度。项目还提供了合作伙伴信息、常见问题解答和反馈渠道，致力于成为开发者最信赖的公共资源加速平台。 此内容根据文章生成，仅用于文章内容的解释与总结 Star⭐CDN Star⭐CDN - 信网免费 CDN 加速服务 :root { --primary: #3b82f6; --primary-light: #dbeafe; --primary-dark: #1d4ed8; --secondary: #64748b; --light: #f8fafc; --dark: #0f172a; --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --radius: 16px; --radius-sm: 8px; --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%); --gradient-light: linear-gradient(135deg, rgba(219, 238, 254, 0.2) 0%, rgba(192, 132, 252, 0.2) 100%); } .dark-theme { --primary: #3b82f6; --secondary: #cbd5e1; --light: #1e293b; --dark: #0c1627; --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2); } @font-face { font-family: 'Inter'; src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); } body { background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; line-height: 1.6; color: var(--dark); min-height: 100vh; overflow-x: hidden; transition: background 0.3s ease; } body.dark-theme { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); } .navbar { background: var(--light); box-shadow: var(--shadow); border-radius: var(--radius); padding: 0.75rem 2rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); margin: 1rem auto; transition: var(--transition); max-width: 1400px; } body.dark-theme .navbar { background: var(--dark); border: 1px solid rgba(255, 255, 255, 0.1); } .nav-list { transition: var(--transition); padding: 0.5rem 1rem !important; border-radius: var(--radius-sm); font-weight: 500; color: var(--secondary); margin: 0 0.25rem; position: relative; } body.dark-theme .nav-list { color: var(--primary-light); } .nav-list:hover { color: var(--primary); transform: translateY(-2px); } body.dark-theme .nav-list:hover { color: var(--primary-light); } .nav-list::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: var(--primary); transition: var(--transition); } body.dark-theme .nav-list::before { background: var(--primary-light); } .nav-list:hover::before, .nav-list.active::before { width: 60%; } .nav-list.active { color: var(--primary); font-weight: 600; } body.dark-theme .nav-list.active { color: var(--primary-light); } /* 其他样式保持不变 */ .hero { padding: 6rem 0 4rem; position: relative; overflow: hidden; background: var(--gradient-light); } body.dark-theme .hero { background: linear-gradient(135deg, rgba(65, 105, 225, 0.1) 0%, rgba(46, 65, 134, 0.2) 100%); } .hero-title { font-size: 3rem; font-weight: 800; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1.2; margin-bottom: 1.5rem; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } body.dark-theme .hero-title { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .hero-subtitle { font-size: 1.25rem; color: var(--secondary); max-width: 700px; margin: 0 auto 2rem; font-weight: 400; } body.dark-theme .hero-subtitle { color: var(--primary-light); } .hero-stats { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin: 2rem 0; } .stat-item { background: var(--light); border-radius: var(--radius-sm); padding: 1rem 1.5rem; box-shadow: var(--shadow); display: flex; align-items: center; gap: 0.75rem; transition: var(--transition); } body.dark-theme .stat-item { background: var(--dark); box-shadow: var(--shadow); } .stat-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); } body.dark-theme .stat-item:hover { box-shadow: var(--shadow-lg); } .stat-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--gradient); color: white; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; } body.dark-theme .stat-icon { background: var(--gradient); } .stat-value { font-size: 1.5rem; font-weight: 700; color: var(--primary); line-height: 1; } body.dark-theme .stat-value { color: var(--primary-light); } .stat-label { font-size: 0.875rem; color: var(--secondary); } body.dark-theme .stat-label { color: var(--primary-light); } /* 其他样式保持不变 */ .serve-list { gap: 2rem; padding: 2rem 0; justify-content: center; } .list-box { background: var(--light); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); transition: var(--transition); min-width: 220px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; } body.dark-theme .list-box { background: var(--dark); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: var(--shadow); } .list-box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--gradient); transform: scaleX(0); transform-origin: left; transition: var(--transition); } body.dark-theme .list-box::after { background: var(--gradient); } .list-box:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } body.dark-theme .list-box:hover { box-shadow: var(--shadow-lg); } .list-img { height: 60px; width: auto; margin-bottom: 1.5rem; transition: var(--transition); } body.dark-theme .list-img { filter: brightness(1); } .list-box:hover .list-img { transform: scale(1.1); } /* 其他样式保持不变 */ .feature-card { background: var(--light); border-radius: var(--radius); box-shadow: var(--shadow); transition: var(--transition); border: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden; margin-bottom: 2rem; height: 100%; } body.dark-theme .feature-card { background: var(--dark); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: var(--shadow); } .feature-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); } body.dark-theme .feature-card:hover { box-shadow: var(--shadow-lg); } .feature-card .card-header { background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 1.5rem; font-weight: 600; color: var(--dark); display: flex; align-items: center; gap: 0.75rem; } body.dark-theme .feature-card .card-header { background: linear-gradient(135deg, #334155 0%, #1e293b 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--primary-light); } .feature-card .card-body { padding: 1.5rem; } body.dark-theme .feature-card .card-body { color: var(--primary-light); } .feature-card .card-footer { background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 1rem 1.5rem; } body.dark-theme .feature-card .card-footer { background: linear-gradient(135deg, #334155 0%, #1e293b 100%); border-top: 1px solid rgba(255, 255, 255, 0.1); } /* 其他样式保持不变 */ .code-block { background: #1e293b; color: #f8fafc; padding: 1.5rem; border-radius: 12px; font-family: 'Courier New', Courier, monospace; font-size: 0.9em; line-height: 1.6; overflow-x: auto; position: relative; } body.dark-theme .code-block { background: #0c1627; color: #dbeafe; } .code-block::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--gradient); } body.dark-theme .code-block::before { background: var(--gradient); } .code-block code { display: block; white-space: pre; } .code-comment { color: #94a3b8; } body.dark-theme .code-comment { color: #a5b4fc; } /* 其他样式保持不变 */ .speed-test { background: var(--light); border-radius: var(--radius); padding: 3rem 2rem; box-shadow: var(--shadow); margin: 3rem 0; text-align: center; position: relative; overflow: hidden; } body.dark-theme .speed-test { background: var(--dark); box-shadow: var(--shadow); } .speed-test::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); opacity: 0.5; z-index: 0; } body.dark-theme .speed-test::before { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjE5KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); opacity: 0.3; } .speed-test-title { font-size: 1.75rem; font-weight: 700; margin-bottom: 2rem; color: var(--dark); position: relative; display: inline-block; z-index: 1; } body.dark-theme .speed-test-title { color: var(--primary-light); } .speed-test-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: var(--gradient); border-radius: 2px; } body.dark-theme .speed-test-title::after { background: var(--gradient); } .speed-test-desc { max-width: 800px; margin: 0 auto 2rem; color: var(--secondary); z-index: 1; position: relative; } body.dark-theme .speed-test-desc { color: var(--primary-light); } .speed-test-images { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; position: relative; z-index: 1; } .speed-test-img { border-radius: 12px; box-shadow: var(--shadow); transition: var(--transition); max-width: 100%; height: auto; object-fit: cover; } body.dark-theme .speed-test-img { box-shadow: var(--shadow); } .speed-test-img:hover { transform: scale(1.03); box-shadow: var(--shadow-lg); } body.dark-theme .speed-test-img:hover { box-shadow: var(--shadow-lg); } /* 其他样式保持不变 */ .node-map { background: var(--light); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); margin: 3rem 0; text-align: center; } body.dark-theme .node-map { background: var(--dark); box-shadow: var(--shadow); } .node-map img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: var(--shadow); } body.dark-theme .node-map img { box-shadow: var(--shadow); } /* 其他样式保持不变 */ .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 3rem 0; } .feature-item { background: var(--light); border-radius: var(--radius-sm); padding: 1.5rem; box-shadow: var(--shadow); transition: var(--transition); border-left: 4px solid var(--primary); } body.dark-theme .feature-item { background: var(--dark); box-shadow: var(--shadow); border-left: 4px solid var(--primary-light); } .feature-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); } body.dark-theme .feature-item:hover { box-shadow: var(--shadow-lg); } .feature-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--gradient-light); color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1rem; } body.dark-theme .feature-icon { background: var(--gradient-light); color: var(--primary-light); } .feature-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--dark); } body.dark-theme .feature-title { color: var(--primary-light); } .feature-desc { color: var(--secondary); font-size: 0.95rem; line-height: 1.6; } body.dark-theme .feature-desc { color: var(--primary-light); } /* 其他样式保持不变 */ .about-section { position: relative; padding: 5rem 0; background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); } body.dark-theme .about-section { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); } .about-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjEpIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIi8+PC9zdmc+'); opacity: 0.5; z-index: 0; } body.dark-theme .about-section::before { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjE3KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); opacity: 0.3; } .section-title { font-size: 2rem; font-weight: 700; margin-bottom: 2rem; color: var(--dark); position: relative; display: inline-block; } body.dark-theme .section-title { color: var(--primary-light); } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 4px; background: var(--gradient); border-radius: 2px; } body.dark-theme .section-title::after { background: var(--gradient); } .about-content { position: relative; z-index: 1; background: var(--light); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); display: flex; align-items: center; gap: 2rem; } body.dark-theme .about-content { background: var(--dark); box-shadow: var(--shadow); } .about-img { border-radius: 12px; box-shadow: var(--shadow); max-width: 400px; display: none; } body.dark-theme .about-img { box-shadow: var(--shadow); } .about-text { flex: 1; } .about-text p { margin-bottom: 1.5rem; line-height: 1.7; } body.dark-theme .about-text p { color: var(--primary-light); } /* 其他样式保持不变 */ .partners-section { padding: 3rem 0; text-align: center; } .partners-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; margin: 2rem 0; } .partner-logo { height: 60px; width: auto; opacity: 0.7; transition: var(--transition); filter: grayscale(100%); } body.dark-theme .partner-logo { filter: grayscale(100%) brightness(1.2); } .partner-logo:hover { opacity: 1; filter: grayscale(0%); transform: scale(1.05); } body.dark-theme .partner-logo:hover { filter: grayscale(0%) brightness(1.2); } /* 其他样式保持不变 */ .feedback-section { padding: 3rem 0; } .feedback-card { background: var(--light); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); display: flex; align-items: center; gap: 2rem; margin-top: 2rem; } body.dark-theme .feedback-card { background: var(--dark); box-shadow: var(--shadow); } .feedback-img { border-radius: 12px; box-shadow: var(--shadow); max-width: 300px; display: none; } body.dark-theme .feedback-img { box-shadow: var(--shadow); } .feedback-content { flex: 1; } .feedback-content p { margin-bottom: 1.5rem; line-height: 1.7; } body.dark-theme .feedback-content p { color: var(--primary-light); } .email-link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary); font-weight: 500; transition: var(--transition); padding: 0.5rem 1rem; border-radius: var(--radius-sm); background: rgba(59, 130, 246, 0.1); } body.dark-theme .email-link { color: var(--primary-light); background: rgba(219, 238, 254, 0.2); } .email-link:hover { color: var(--primary-dark); background: rgba(59, 130, 246, 0.2); text-decoration: none; transform: translateX(5px); } body.dark-theme .email-link:hover { color: #dbeafe; background: rgba(219, 238, 254, 0.3); } /* 其他样式保持不变 */ .cta-section { background: var(--gradient); color: white; padding: 4rem 0; text-align: center; border-radius: var(--radius); margin: 3rem 0; position: relative; overflow: hidden; } body.dark-theme .cta-section { background: var(--gradient); } .cta-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); } body.dark-theme .cta-section::before { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjEzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); } .cta-title { font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; position: relative; } body.dark-theme .cta-title { color: white; } .cta-desc { font-size: 1.1rem; max-width: 700px; margin: 0 auto 2rem; opacity: 0.9; position: relative; } body.dark-theme .cta-desc { opacity: 0.9; } .cta-button { display: inline-flex; align-items: center; gap: 0.5rem; background: white; color: var(--primary); padding: 0.75rem 1.5rem; border-radius: var(--radius-sm); font-weight: 600; transition: var(--transition); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); position: relative; } body.dark-theme .cta-button { background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); color: var(--primary-dark); } body.dark-theme .cta-button:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } /* 其他样式保持不变 */ .faq-section { padding: 3rem 0; } .accordion-item { border: none; border-radius: var(--radius-sm) !important; margin-bottom: 1rem; box-shadow: var(--shadow); overflow: hidden; } body.dark-theme .accordion-item { box-shadow: var(--shadow); } .accordion-button { font-weight: 600; background: var(--light); border: none; box-shadow: none !important; } body.dark-theme .accordion-button { background: var(--dark); } .accordion-button:not(.collapsed) { background: var(--gradient-light); color: var(--primary); } body.dark-theme .accordion-button:not(.collapsed) { background: var(--gradient-light); color: var(--primary-light); } .accordion-body { padding-top: 0; color: var(--secondary); } body.dark-theme .accordion-body { color: var(--primary-light); } /* 其他样式保持不变 */ .main-footer { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: white; padding: 3rem 0 1rem; position: relative; } body.dark-theme .main-footer { background: linear-gradient(135deg, #0c1627 0%, #1e293b 100%); } .footer-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .footer-links { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; justify-content: center; } .footer-link { color: rgba(255, 255, 255, 0.8); transition: var(--transition); text-decoration: none; } body.dark-theme .footer-link { color: rgba(255, 255, 255, 0.8); } .footer-link:hover { color: white; transform: translateY(-2px); } body.dark-theme .footer-link:hover { color: white; } .beian { display: inline-flex; align-items: center; gap: 0.5rem; color: rgba(255, 255, 255, 0.8); margin: 0.5rem 0; text-decoration: none; transition: var(--transition); } body.dark-theme .beian { color: rgba(255, 255, 255, 0.8); } .beian:hover { color: white; } body.dark-theme .beian:hover { color: white; } .beian-icon { height: 16px; } .copyright { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; margin-top: 1.5rem; } body.dark-theme .copyright { color: rgba(255, 255, 255, 0.6); } /* 其他样式保持不变 */ .floating { animation: floating 3s ease-in-out infinite; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } /* 其他样式保持不变 */ @media (min-width: 768px) { .hero { padding: 8rem 0 5rem; } .hero-title { font-size: 3.5rem; } .hero-subtitle { font-size: 1.5rem; } .about-img, .feedback-img { display: block; } .feature-grid { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } } @media (max-width: 767px) { .navbar { padding: 0.75rem 1rem; } .hero { padding: 5rem 0 3rem; } .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.1rem; } .stat-item { width: 100%; max-width: 300px; } .list-box { width: 100%; max-width: 300px; } .about-content, .feedback-card { flex-direction: column; text-align: center; } .about-img, .feedback-img { max-width: 100%; margin-bottom: 1.5rem; display: block; } .speed-test-img { min-width: 100%; } } /* 使用指南 */ .usage-instructions { background: var(--light); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); margin: 2rem 0; } body.dark-theme .usage-instructions { background: var(--dark); box-shadow: var(--shadow); } .usage-instructions h3 { color: var(--primary); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem; } body.dark-theme .usage-instructions h3 { color: var(--primary-light); } .usage-instructions h3 i { font-size: 1.25rem; } .usage-steps { display: flex; flex-direction: column; gap: 1.5rem; } .usage-step { background: var(--light); border-radius: var(--radius-sm); padding: 1.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: var(--transition); } body.dark-theme .usage-step { background: var(--dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .usage-step:hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } body.dark-theme .usage-step:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .step-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .step-number { width: 36px; height: 36px; border-radius: 50%; background: var(--primary); color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; flex-shrink: 0; } body.dark-theme .step-number { background: var(--primary-light); } .step-title { font-size: 1.1rem; font-weight: 600; color: var(--dark); } body.dark-theme .step-title { color: var(--primary-light); } .step-content p { margin-bottom: 1rem; color: var(--secondary); line-height: 1.6; } body.dark-theme .step-content p { color: var(--primary-light); } .code-example { background: #f1f5f9; border-radius: 8px; padding: 1rem; overflow-x: auto; font-family: 'Courier New', Courier, monospace; font-size: 0.9rem; color: #1e293b; } body.dark-theme .code-example { background: #1e293b; color: #dbeafe; } .code-example code { display: block; white-space: pre; } 关于 特性 使用指南 常见问题 信网智能CDN 反馈 Star⭐CDN 加速服务 为前端公共库提供稳定、快速、免费的CDN镜像加速服务 ∞ 中国节点 99.9% 可用性 30ms 平均响应 24/7 安全防护 Gravatar 全球头像加速 Jsdelivr NPM静态资源加速 Google JS资源加速 核心特性 Star⭐CDN 提供全方位的加速解决方案，满足各种前端资源加速需求 极速加载 全球分布式节点部署，智能路由选择最近的服务器，大幅减少资源加载时间，提升网站性能。 安全可靠 全站HTTPS加密传输，支持HTTP/3协议，DDoS防护系统保障服务稳定运行。 实时同步 与上游源站保持分钟级同步，确保您始终获取最新版本的资源文件。 智能缓存 先进的缓存策略，根据文件类型自动优化缓存时间，平衡新鲜度与性能。 全球覆盖 亚洲、欧洲、北美等多地部署节点，特别优化中国大陆访问速度。 永久免费 承诺永久免费的基础加速服务，无隐藏收费。 全球节点分布 我们在全球多个地区部署了高速节点，确保用户能够就近获取资源，获得最佳加速效果 节点实时状态: 全部正常运行 全球节点测速展示 以下是我们部分节点的实际测速结果，所有测试均在相同网络环境下进行 使用指南 简单几步即可接入我们的CDN服务，提升您的网站加载速度 如何使用 Star⭐CDN 1 确定资源链接 找到您需要加速的资源当前使用的链接，例如： //cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js 2 替换为 Star⭐CDN 链接 将原始链接中的域名替换为我们的加速域名： //scdn.星.fun/npm/jquery@3.6.0/dist/jquery.min.js 3 更新网站代码 在您的网站代码中，将原始链接替换为新的 Star⭐CDN 链接： <script src="//scdn.星.fun/npm/jquery@3.6.0/dist/jquery.min.js"></script> 4 验证加速效果 保存更改后，在浏览器中访问您的网站，检查资源是否通过 Star⭐CDN 加速加载： 打开浏览器开发者工具（F12） → Network → 查看资源加载来源 Jsdelivr.net 使用方法 源地址：//cdn.jsdelivr.net 替换为：//scdn.星.fun @ Jsdelivr.net Gravatar 使用方法 源地址：//www.gravatar.com/avatar 替换为：//scdn.星.fun/avatar @ Gravatar cdnjs资源库使用方法 源地址：//cdnjs.cloudflare.com/ajax 替换为：//scdn.星.fun/ajax @ Cloudflare.com 合作伙伴 与业界领先的技术伙伴合作，提供更优质的服务 云驰互联图片 MoCDN图片 云驰互联图片 丘盾CDN图片 牛盾安全图片 立即体验 Star⭐CDN 无需注册，无需配置，立即替换您的资源链接即可享受极速CDN加速服务 查看使用指南 常见问题 以下是用户最常遇到的问题解答 Star⭐CDN 是免费的吗？ 是的，Star⭐CDN 的基础加速服务是永久免费的。我们承诺不会对基础CDN服务收取任何费用，也没有任何隐藏收费。我们的收入主要来自企业级增值服务和合作伙伴支持，这使我们能够维持免费服务的运营。 如何确保资源的及时更新？ 我们采用智能同步机制，对于热门资源会实时监测上游变化并立即同步；对于其他资源，我们每小时检查一次更新。您也可以通过在我们的域名后添加 ?flush=1 参数强制刷新缓存（例如：https://scdn.星.fun/npm/jquery@3.6.0/dist/jquery.min.js?flush=1）。 是否有使用限制？ 为了保障所有用户的公平使用，我们对免费服务有以下合理限制： 单个域名每日请求量不超过50万次 单个文件大小不超过50MB 不支持非公开的私有资源 绝大多数个人网站和小型企业网站都不会触及这些限制。如有特殊需求，可以联系我们申请提高限额。 如何报告问题或提供建议？ 我们非常重视用户的反馈。您可以通过以下方式联系我们： 电子邮件：fankui@xnet.ren GitHub Issues：提交Issue QQ群聊：点击链接加入群聊 我们通常会在1-2个工作日内回复所有问题。 你们支持哪些协议？ Star⭐CDN 全面支持现代Web协议： HTTP/1.1 (兼容所有浏览器) HTTP/2 (多路复用，提升加载效率) HTTP/3 (基于QUIC协议，优化高延迟网络) HTTPS (全站SSL加密，支持TLS 1.2/1.3) 系统会自动为每个用户选择最优的协议，无需特别配置。 关于 Star⭐CDN Star⭐CDN 是由信网于2023年发起并维护的开源项目，旨在为开发者社区提供高质量的免费CDN加速服务。项目最初是为了解决国内访问国外公共库速度慢的问题，现已发展成为覆盖全球的CDN网络。 我们的技术团队由来自云计算、网络加速和安全领域的专家组成，拥有多年的大型分布式系统开发经验。Star⭐CDN 采用自主开发的智能路由系统和缓存优化算法，确保用户能够获得最佳的加速效果。 与传统的商业CDN不同，Star⭐CDN 坚持开源、透明、中立的运营理念。我们的所有基础架构代码都在GitHub上开源，欢迎开发者参与贡献。项目的发展由社区驱动，所有重大决策都会公开讨论。 目前，Star⭐CDN 每天为超过5000万次请求提供加速服务，涵盖从个人博客到大型企业的各种应用场景。我们的目标是成为开发者最信赖的公共资源加速平台。 问题反馈 我们非常重视用户的反馈和建议。如果您在使用过程中遇到任何问题，或者发现我们的服务存在风险、滥用等情况，请及时联系我们。 常见问题类型包括： 资源加载异常或内容不正确 访问速度突然变慢 证书错误或安全警告 任何疑似滥用或违规内容 您的反馈将帮助我们不断改进服务质量，为更多开发者提供更好的CDN加速体验。 fankui@xnet.ren 平均响应时间：12小时内 关于我们 产品特性 使用指南 常见问题 信网智能CDN 问题反馈 GitHub项目 雾备CDN号 湘ICP备2024090109号-4 Copyright © 2024-2025 Star⭐CDN · 信网 · All Rights Reserved // Initialize tooltips var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); // Smooth scrolling for anchor links document.querySelectorAll('a.smooth').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetElement = document.querySelector(targetId); if (targetElement) { const navHeight = document.querySelector('nav').offsetHeight; const offset = targetElement.offsetTop - navHeight - 30; window.scrollTo({ top: offset, behavior: 'smooth' }); // Update URL without jumping if (history.pushState) { history.pushState(null, null, targetId); } else { location.hash = targetId; } } }); }); // Add active class to current section in navbar const sections = document.querySelectorAll('section'); const navLinks = document.querySelectorAll('.nav-list'); window.addEventListener('scroll', () => { let current = ''; sections.forEach(section => { const sectionTop = section.offsetTop; const sectionHeight = section.clientHeight; if (pageYOffset >= (sectionTop - 100)) { current = section.getAttribute('id'); } }); navLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('href').includes(current)) { link.classList.add('active'); } }); }); // Theme toggle const themeToggle = document.getElementById('theme-toggle'); const themeIcon = themeToggle.querySelector('i'); themeToggle.addEventListener('click', () => { document.body.classList.toggle('dark-theme'); if (document.body.classList.contains('dark-theme')) { themeIcon.classList.remove('fa-moon'); themeIcon.classList.add('fa-sun'); localStorage.setItem('theme', 'dark'); } else { themeIcon.classList.remove('fa-sun'); themeIcon.classList.add('fa-moon'); localStorage.setItem('theme', 'light'); } }); // Apply saved theme const savedTheme = localStorage.getItem('theme'); if (savedTheme === 'dark') { document.body.classList.add('dark-theme'); themeIcon.classList.remove('fa-moon'); themeIcon.classList.add('fa-sun'); } // Animation on scroll const animateOnScroll = () => { const elements = document.querySelectorAll('.feature-item, .list-box, .about-img, .feedback-img, .speed-test-img'); elements.forEach(element => { const elementPosition = element.getBoundingClientRect().top; const screenPosition = window.innerHeight / 1.2; if (elementPosition < screenPosition) { element.style.opacity = '1'; element.style.transform = 'translateY(0)'; } }); }; // Set initial state for animation document.querySelectorAll('.feature-item, .list-box, .about-img, .feedback-img, .speed-test-img').forEach(el => { el.style.opacity = '0'; el.style.transform = 'translateY(20px)'; el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; }); window.addEventListener('scroll', animateOnScroll); window.addEventListener('load', function() { animateOnScroll(); });
