*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif;}body{background:linear-gradient(145deg,#f9f7f0 0%,#f0f4e8 100%);min-height:100vh;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;}.course-wrapper{max-width:1400px;width:100%;background:rgba(255,255,255,0.6);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 2rem 2.5rem;box-shadow:0 20px 40px rgba(0,20,10,0.08),0 8px 20px rgba(0,0,0,0.02);border:1px solid rgba(255,255,200,0.3);}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2.2rem;border-bottom:3px dashed #b8d9c6;padding-bottom:1.2rem;}.title-group{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;}.title-main{font-size:2.2rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#2a7f5e,#3b9b7a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 5px rgba(58,142,98,0.1);}.title-sub{font-size:1rem;font-weight:500;color:#4f6b5f;background:#e2f0e8;padding:0.2rem 1rem;border-radius:40px;letter-spacing:0.3px;border:1px solid #c3dbcf;}.badge{background:#f9d56e;color:#3d5a4b;padding:0.3rem 1.2rem;border-radius:60px;font-weight:600;font-size:0.9rem;box-shadow:0 4px 8px rgba(249,213,110,0.3);border:1px solid #f7cc4a;}.badge i{font-style:normal;margin-right:6px;}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin-top:0.5rem;}.chapter-card{background:white;border-radius:28px;padding:1.2rem 1.2rem 1.2rem 1.5rem;box-shadow:0 6px 14px rgba(0,20,10,0.04),0 2px 6px rgba(0,0,0,0.02);transition:all 0.2s ease;border:1px solid #e7f0ea;display:flex;flex-direction:column;position:relative;backdrop-filter:blur(2px);background:rgba(255,255,255,0.85);}.chapter-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px -8px rgba(60,130,100,0.15),0 6px 12px rgba(0,0,0,0.02);border-color:#b3d5c2;background:white;}.card-header{display:flex;align-items:baseline;gap:0.6rem;margin-bottom:0.5rem;flex-wrap:wrap;}.chapter-num{font-size:1.3rem;font-weight:700;color:#f9b23f;background:#fff3db;padding:0 0.5rem;border-radius:40px;line-height:1.6;min-width:2.4rem;text-align:center;border:1px solid #fadc9c;box-shadow:inset 0 1px 3px rgba(255,215,120,0.2);}.chapter-title{font-size:1.1rem;font-weight:600;color:#1f4d3a;letter-spacing:-0.2px;line-height:1.3;flex:1;}.card-topics{display:flex;flex-wrap:wrap;gap:0.4rem 0.5rem;margin-top:0.3rem;margin-left:0.1rem;}.topic-tag{background:#eef7f1;color:#2b6b4f;font-size:0.7rem;font-weight:500;padding:0.2rem 0.7rem;border-radius:30px;border:1px solid #d0e6da;letter-spacing:0.2px;white-space:nowrap;transition:0.1s;}.topic-tag::before{content:"•";margin-right:4px;color:#6aab8a;font-weight:700;}.card-link{margin-top:0.8rem;align-self:flex-end;display:inline-flex;align-items:center;gap:0.3rem;background:#daf1e4;padding:0.2rem 1rem 0.2rem 1.2rem;border-radius:60px;font-size:0.8rem;font-weight:600;color:#1f5e43;text-decoration:none;border:1px solid #b6d9c6;transition:all 0.15s;box-shadow:0 2px 4px rgba(0,0,0,0.02);}.card-link:hover{background:#c3e6d3;border-color:#7ebc9b;color:#0b3d2b;box-shadow:0 4px 8px rgba(60,130,80,0.1);transform:scale(1.02);}.card-link span{font-size:1rem;line-height:1;transition:transform 0.1s;}.card-link:hover span{transform:translateX(3px);}.footer-note{margin-top:2.5rem;text-align:center;color:#5b7b6b;font-size:0.85rem;border-top:2px dotted #d0e2d6;padding-top:1.5rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;}.footer-note span{background:#e5f0ea;padding:0.2rem 1.2rem;border-radius:60px;border:1px solid #cbdcd0;}@media (max-width:640px){body{padding:1rem 0.8rem;}.course-wrapper{padding:1.2rem;}.title-main{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;}.chapter-card{padding:1rem;}.chapter-title{font-size:1rem;}}@media (min-width:1000px){.catalog-grid{grid-template-columns:repeat(3,1fr);}}.chapter-card:nth-child(6n+1) .chapter-num{background:#ffe6b0;color:#b86d1b;border-color:#f7cf8a;}.chapter-card:nth-child(6n+2) .chapter-num{background:#c3e2d4;color:#1d6b4a;border-color:#9acbb4;}.chapter-card:nth-child(6n+3) .chapter-num{background:#fdd9d0;color:#b14f3a;border-color:#f5bcae;}.chapter-card:nth-child(6n+4) .chapter-num{background:#d3d9f0;color:#2f4b8a;border-color:#b0bde0;}.chapter-card:nth-child(6n+5) .chapter-num{background:#f7e2b5;color:#8f6f2c;border-color:#ebd19b;}.chapter-card:nth-child(6n) .chapter-num{background:#cbe5d0;color:#1f6a4a;border-color:#a3cbb2;}.chapter-card:nth-child(odd){background:rgba(255,251,240,0.7);}.chapter-card:nth-child(even){background:rgba(240,248,242,0.8);}
