*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e8 0%,#ffe9d6 100%);font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1rem;color:#2d3e4f;}.course-wrapper{max-width:1300px;width:100%;background:rgba(255,250,240,0.7);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 2rem 1.8rem;box-shadow:0 20px 40px rgba(0,20,30,0.12),0 8px 20px rgba(255,215,175,0.3);border:1px solid rgba(255,235,210,0.6);}.header-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2rem;border-bottom:4px dashed #fbc4ab;padding-bottom:0.75rem;}.header-title h1{font-size:2.4rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#f76b8a,#f9a07a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(247,107,138,0.2);display:inline-flex;align-items:center;gap:8px;}.header-title h1::before{content:"✨";font-size:2rem;background:none;color:#f9a07a;}.header-badge{background:#ffdbb5;padding:0.4rem 1.2rem;border-radius:60px;font-weight:600;font-size:1rem;color:#7f5539;box-shadow:inset 0 -2px 0 #eab68b;border:1px solid #f7cdab;backdrop-filter:blur(2px);}.header-badge i{font-style:normal;background:#f76b8a;color:white;border-radius:30px;padding:0 10px;margin-left:6px;}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0.5rem 0 1.2rem;}.chapter-card{background:#fffcf7;border-radius:28px;padding:0.9rem 1.2rem 0.9rem 1.2rem;box-shadow:0 6px 14px rgba(235,180,130,0.15),0 2px 6px rgba(255,215,175,0.2);transition:all 0.2s ease;border:1px solid rgba(255,225,200,0.5);display:flex;flex-direction:column;backdrop-filter:blur(2px);cursor:pointer;}.chapter-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px rgba(235,150,100,0.2),0 6px 12px rgba(247,170,120,0.15);border-color:#fbc4ab;background:#fffdfa;}.chapter-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}.chapter-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}.chapter-num{background:#fbd5b5;color:#6b4226;font-weight:700;font-size:0.8rem;padding:0 10px;border-radius:40px;line-height:1.8;letter-spacing:0.3px;box-shadow:inset 0 -1px 0 #e7b48b;flex-shrink:0;}.chapter-title{font-weight:700;font-size:1.1rem;color:#3d2b1f;letter-spacing:-0.2px;line-height:1.3;}.chapter-title small{font-weight:500;font-size:0.85rem;color:#7f5a44;margin-left:4px;}.topic-list{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:6px;padding-left:4px;}.topic-tag{background:#f5ede6;padding:0.15rem 0.7rem;border-radius:30px;font-size:0.7rem;font-weight:500;color:#5f4030;border:1px solid #edd7c8;letter-spacing:0.2px;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,235,215,0.6);}.topic-tag::before{content:"•";color:#f9a07a;margin-right:4px;font-weight:700;}.footer{margin-top:2.2rem;text-align:center;font-size:1rem;font-weight:500;color:#7f5539;border-top:2px dotted #fbc4ab;padding-top:1.2rem;letter-spacing:1px;background:transparent;display:flex;justify-content:center;align-items:center;gap:6px;}.footer span{background:#fce2d0;padding:0.2rem 1.8rem;border-radius:60px;box-shadow:inset 0 -2px 0 #ecc6ae;}@media (max-width:640px){body{padding:1rem 0.8rem 0.5rem;}.course-wrapper{padding:1.2rem 1rem 1rem;border-radius:32px;}.header-title h1{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;gap:12px;}.chapter-card{padding:0.8rem 1rem;}.chapter-title{font-size:1rem;}.topic-tag{font-size:0.65rem;}}@media (min-width:641px) and (max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr);}}.chapter-card:active{transform:scale(0.97);transition:0.05s;}.chapter-card:nth-child(odd) .chapter-num{background:#fccfaf;}.chapter-card:nth-child(even) .chapter-num{background:#f8d5c2;}.chapter-card:nth-child(6n+1) .chapter-header .chapter-num{background:#fbbf9b;}.chapter-card:nth-child(6n+2) .chapter-header .chapter-num{background:#fad2ba;}.chapter-card:nth-child(6n+3) .chapter-header .chapter-num{background:#fcd5b5;}.chapter-card:nth-child(6n+4) .chapter-header .chapter-num{background:#fec9b0;}.chapter-card:nth-child(6n+5) .chapter-header .chapter-num{background:#fbc9b9;}.chapter-card:nth-child(6n) .chapter-header .chapter-num{background:#fad0bd;}