<!DOCTYPE html> <html lang=”zh-CN” data-theme=”light”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>数学学习资源中心 – 大学与中学数学衔接教程</title>cursor 教程 <link href=”https://fonts.proxy.ustclug.org/css2?family=Baloo+2:wght@400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap” rel=”stylesheet”> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css” rel=”stylesheet”> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <style> :root { –primary: #0D9488; –secondary: #2DD4BF; –cta: #EA580C; –background: #F0FDFA; –text: #134E4A; } * h1, h2, h3, h4, h5, h6 .clay-card .clay-card:hover .clay-btn .clay-btn:hover .hero-gradient { background: linear-gradient(135deg, #F0FDFA 0%, #E0F2FE 50%, #CCFBF1 100%); } .resource-category .math-icon @media (prefers-reduced-motion: reduce) { .clay-card, .clay-btn, .math-icon { transition: none; } } </style> </head> <body class=”min-h-screen bg-gradient-to-br from-[#F0FDFA] via-[#E0F2FE] to-[#CCFBF1] text-[#134E4A]”> <!– 导航栏 –> <nav class=”navbar sticky top-4 left-4 right-4 mx-auto max-w-7xl z-50″> <div class=”navbar-start”> <div class=”flex items-center gap-2″> <div class=”math-icon”> <i class=”fas fa-square-root-alt”></i> </div> <a href=https://download.csdn.net/download/ss78901/”#” class=”text-2xl font-bold” style=”font-family: ‘Baloo 2’, sans-serif;”>数学资源中心</a> </div> </div> <div class=”navbar-center hidden lg:flex”> <ul class=”menu menu-horizontal px-1 gap-2″> <li><a href=https://download.csdn.net/download/ss78901/”#books” class=”rounded-btn hover:bg-[#0D9488]/10 transition-colors duration-200″>书籍资源</a></li> <li><a href=https://download.csdn.net/download/ss78901/”#videos” class=”rounded-btn hover:bg-[#0D9488]/10 transition-colors duration-200″>视频教程</a></li> <li><a href=https://download.csdn.net/download/ss78901/”#ap” class=”rounded-btn hover:bg-[#0D9488]/10 transition-colors duration-200″>AP课程</a></li> <li><a href=https://download.csdn.net/download/ss78901/”#competitions” class=”rounded-btn hover:bg-[#0D9488]/10 transition-colors duration-200″>竞赛数学</a></li> </ul> </div> <div class=”navbar-end”> <button class=”clay-btn px-6 py-3 font-bold text-white cursor-pointer”> <i class=”fas fa-book-open mr-2″></i>开始学习 </button> </div> </nav> <!– Hero区域 –> <section class=”hero min-h-[70vh] hero-gradient”> <div class=”hero-content text-center pt-16″> <div class=”max-w-4xl”> <div class=”clay-card p-8 mb-8″> <h1 class=”text-5xl md:text-6xl font-bold mb-6″ style=”font-family: ‘Baloo 2’, sans-serif;”> 大学与中学数学衔接教程 </h1> <p class=”text-xl md:text-2xl mb-8 opacity-90″> 从初等数学到高等数学的完整学习路径，涵盖AP微积分、数学分析、竞赛数学等丰富资源 </p> <div class=”flex flex-wrap justify-center gap-4″> <button class=”clay-btn px-8 py-4 text-lg font-bold text-white cursor-pointer”> <i class=”fas fa-graduation-cap mr-2″></i>探索资源 </button> <button class=”px-8 py-4 text-lg font-bold border-3 border-[#0D9488] rounded-2xl text-[#0D9488] hover:bg-[#0D9488]/10 transition-colors duration-200 cursor-pointer”> <i class=”fas fa-play-circle mr-2″></i>观看教程 </button> </div> </div> <div class=”grid grid-cols-2 md:grid-cols-4 gap-4 mt-8″> <div class=”clay-card p-4 text-center”> <div class=”text-3xl font-bold text-[#0D9488]”>50+</div> <div class=”text-sm”>精选书籍</div> </div> <div class=”clay-card p-4 text-center”> <div class=”text-3xl font-bold text-[#0D9488]”>30+</div> <div class=”text-sm”>视频课程</div> </div> <div class=”clay-card p-4 text-center”> <div class=”text-3xl font-bold text-[#0D9488]”>10+</div> <div class=”text-sm”>AP科目</div> </div> <div class=”clay-card p-4 text-center”> <div class=”text-3xl font-bold text-[#0D9488]”>5+</div> <div class=”text-sm”>竞赛专题</div> </div> </div> </div> </div> </section> <!– 主要内容区域 –> <main class=”container mx-auto px-4 py-12 max-w-7xl”> <!– 书籍资源部分 –> <section id=”books” class=”mb-16″> <div class=”flex items-center gap-4 mb-8″> <div class=”math-icon”> <i class=”fas fa-book”></i> </div> <h2 class=”text-3xl md:text-4xl font-bold” style=”font-family: ‘Baloo 2’, sans-serif;”>精选数学书籍</h2> </div> <div class=”grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6″> <!– 大学与中学数学衔接教程 –> <div class=”clay-card p-6 cursor-pointer”> <div class=”flex items-
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/273296.html原文链接：https://javaforall.net
