*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e8 0%,#fff7ed 100%);font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif;padding:2rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;}.course-wrapper{max-width:1280px;width:100%;background:rgba(255,250,240,0.6);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 40px -12px rgba(245,158,11,0.15),0 8px 24px -6px rgba(251,191,36,0.08);border:1px solid rgba(255,237,213,0.5);}.header-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:2rem;gap:0.5rem 1rem;}.header-title h1{font-size:2.4rem;font-weight:700;letter-spacing:-0.02em;background:linear-gradient(135deg,#f97316,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:center;gap:0.5rem;text-shadow:0 2px 5px rgba(251,146,60,0.1);}.header-title h1::before{content:"🧭";font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(234,88,12,0.2));}.header-badge{background:#fbbf24;padding:0.4rem 1.2rem;border-radius:60px;color:#7c2d12;font-weight:600;font-size:0.9rem;box-shadow:0 4px 8px rgba(251,191,36,0.3);border:1px solid #fcd34d;backdrop-filter:blur(2px);display:inline-flex;align-items:center;gap:6px;}.header-badge::before{content:"📘";font-size:1.1rem;}.grid-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0.5rem 0 1.8rem;}.chapter-card{background:white;border-radius:28px;padding:1rem 1.2rem 1rem 1.2rem;box-shadow:0 4px 10px rgba(0,0,0,0.02),0 2px 6px rgba(251,191,36,0.05);transition:all 0.2s ease;border:1px solid rgba(255,237,213,0.7);display:flex;align-items:flex-start;gap:12px;backdrop-filter:blur(2px);background:rgba(255,255,255,0.75);}.chapter-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px -8px rgba(251,146,60,0.15),0 6px 12px -4px rgba(245,158,11,0.1);border-color:#fde68a;background:rgba(255,255,255,0.9);}.chapter-card:active{transform:scale(0.97);}.card-index{flex-shrink:0;width:40px;height:40px;background:#fef3c7;border-radius:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#b45309;border:1px solid #fde68a;box-shadow:inset 0 -2px 0 #fbbf24;transition:0.1s ease;}.chapter-card:nth-child(even) .card-index{background:#ffedd5;color:#c2410c;border-color:#fed7aa;}.chapter-card:nth-child(3n) .card-index{background:#d9f99d;color:#3f6212;border-color:#bef264;}.chapter-card:nth-child(5n) .card-index{background:#c7d2fe;color:#3730a3;border-color:#a5b4fc;}.card-content{flex:1;min-width:0;}.card-title{font-size:1.1rem;font-weight:600;color:#1c1917;line-height:1.3;margin-bottom:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;}.card-title .chapter-num{font-weight:500;color:#a16207;background:#fef9c3;padding:0 8px;border-radius:30px;font-size:0.7rem;letter-spacing:0.3px;display:inline-block;vertical-align:middle;line-height:1.6;border:1px solid #fde047;}.card-desc{font-size:0.85rem;color:#57534e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0.85;margin-top:2px;}.card-desc span{background:#fef9c3;padding:0 4px;border-radius:12px;color:#92400e;}.chapter-link{text-decoration:none;color:inherit;display:flex;align-items:flex-start;gap:12px;width:100%;}.footer-area{margin-top:2rem;padding-top:1.2rem;border-top:2px dashed #fde68a;text-align:center;font-size:1rem;font-weight:500;color:#92400e;letter-spacing:0.5px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;}.footer-area::before{content:"📚";font-size:1.3rem;}.footer-area::after{content:"✨";font-size:1.2rem;}@media (max-width:640px){body{padding:1rem 0.8rem 2rem;}.course-wrapper{padding:1.2rem 1rem 1rem;border-radius:32px;}.header-title h1{font-size:1.8rem;}.grid-catalog{grid-template-columns:1fr;gap:12px;}.chapter-card{padding:0.8rem 1rem;}.card-index{width:34px;height:34px;font-size:0.95rem;}}@media (min-width:641px) and (max-width:900px){.grid-catalog{grid-template-columns:repeat(2,1fr);}}.header-title h1::after{content:"🎒";font-size:1.8rem;margin-left:6px;opacity:0.7;}.chapter-card .card-content .card-desc::first-letter{font-weight:600;color:#d97706;}.chapter-card:focus-within{outline:2px solid #fbbf24;outline-offset:2px;}