*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f1fe 0%,#e9f2ff 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',system-ui,-apple-system,sans-serif;padding:2rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;}.course-container{max-width:1300px;width:100%;background:rgba(255,255,255,0.6);backdrop-filter:blur(2px);border-radius:56px 56px 40px 40px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 40px rgba(0,20,40,0.08),0 8px 20px rgba(120,80,200,0.05);border:1px solid rgba(255,255,255,0.7);}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:0.75rem;border-bottom:3px dashed #b3a0ff;}.header h1{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#4f3b9b,#b44b9e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.3px;display:inline-flex;align-items:center;gap:10px;}.header h1::before{content:"🧪";font-size:2.4rem;filter:drop-shadow(0 4px 6px rgba(180,70,180,0.2));}.badge{background:#ffe7b0;padding:0.4rem 1.2rem;border-radius:60px;font-weight:600;color:#6a3f7a;font-size:0.9rem;box-shadow:0 4px 8px rgba(255,200,100,0.2);border:1px solid #ffcf8a;backdrop-filter:blur(2px);}.badge i{font-style:normal;background:#b380d0;color:white;border-radius:30px;padding:0 10px;margin-left:6px;}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0.5rem 0 1.2rem;}.chapter-card{background:white;border-radius:28px;padding:0.9rem 1.2rem 0.9rem 1.2rem;box-shadow:0 6px 14px rgba(0,0,0,0.02),0 2px 8px rgba(100,70,150,0.05);transition:all 0.2s ease;border:1px solid rgba(210,180,255,0.3);display:flex;flex-direction:column;backdrop-filter:blur(2px);background:rgba(255,255,255,0.85);min-height:100px;}.chapter-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px -8px rgba(120,70,200,0.15);border-color:#b28bdd;background:rgba(255,255,255,0.96);}.card-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap;}.chapter-num{background:linear-gradient(145deg,#b794f4,#9f7aea);color:white;font-weight:700;font-size:0.8rem;padding:0.2rem 0.9rem;border-radius:40px;letter-spacing:0.3px;box-shadow:0 2px 6px rgba(140,80,200,0.2);display:inline-block;line-height:1.4;flex-shrink:0;}.chapter-title{font-weight:700;font-size:1.1rem;color:#1f1a3a;line-height:1.3;letter-spacing:-0.2px;}.chapter-title small{font-weight:400;font-size:0.75rem;color:#7b6b9a;margin-left:4px;}.topic-list{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:6px;padding-left:4px;}.topic-item{font-size:0.72rem;background:#f0ebff;padding:0.2rem 0.8rem;border-radius:30px;color:#3f2e6b;border:1px solid #dac8ff;white-space:nowrap;letter-spacing:0.2px;font-weight:500;transition:0.1s;}.topic-item::before{content:"•";color:#9b7fd4;margin-right:4px;font-weight:800;}.chapter-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;}.chapter-link:hover{color:inherit;}.footer{margin-top:2.5rem;text-align:center;font-size:1rem;font-weight:500;color:#4d3b6b;border-top:2px solid rgba(180,150,220,0.25);padding-top:1.8rem;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;}.footer span{background:#e6d9ff;padding:0.3rem 2rem;border-radius:60px;box-shadow:inset 0 1px 4px rgba(255,255,255,0.8);color:#2f1f55;letter-spacing:1px;}.footer-emoji{font-size:1.3rem;}@media (max-width:640px){body{padding:1rem 0.8rem 2rem;}.course-container{padding:1.2rem 1rem 1rem;border-radius:32px;}.header h1{font-size:1.6rem;}.header h1::before{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;gap:14px;}.chapter-card{padding:0.8rem 1rem;}.topic-item{white-space:normal;font-size:0.7rem;}}@media (min-width:641px) and (max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr);}}.glow-text{background:linear-gradient(145deg,#b380d0,#7d5ba6);-webkit-background-clip:text;background-clip:text;color:transparent;}