*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f2e7 0%,#ffe9d6 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1rem;color:#2d3e4f;}.container{max-width:1300px;width:100%;background:rgba(255,248,240,0.7);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 40px rgba(245,195,160,0.25),0 8px 16px rgba(0,0,0,0.03);border:1px solid rgba(255,215,180,0.4);}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:2.2rem;border-bottom:3px dashed #fbc4ab;padding-bottom:1rem;}.header h1{font-size:2.4rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#b35d3a,#d97c5a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 8px rgba(210,120,70,0.2);display:inline-flex;align-items:center;gap:8px;}.header h1 small{font-size:1rem;font-weight:400;background:#f5d7c0;color:#6a4d3a;padding:0.2rem 1rem;border-radius:40px;letter-spacing:0.3px;margin-left:12px;box-shadow:inset 0 -2px 0 #dbb59a;}.badge{background:#ffdbb5;padding:0.4rem 1.2rem;border-radius:60px;font-weight:600;font-size:0.9rem;color:#6a3f2a;border:1px solid #fbc4a0;box-shadow:0 2px 0 #ecc6aa;white-space:nowrap;}.badge i{font-style:normal;background:#b76e4b;color:white;border-radius:30px;padding:0 10px;margin-left:6px;}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0.5rem 0 1.8rem;}.course-card{background:#fffcf7;border-radius:28px;padding:0.9rem 1.2rem 0.9rem 1.2rem;box-shadow:0 4px 10px rgba(190,140,110,0.08),0 2px 4px rgba(0,0,0,0.02);transition:all 0.2s ease;border:1px solid #f7e3d4;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:inherit;min-height:70px;}.course-card:hover{transform:translateY(-3px);background:#fffaf2;border-color:#ecc6ae;box-shadow:0 12px 20px rgba(210,150,120,0.15),0 4px 8px rgba(160,100,70,0.05);}.course-card:active{transform:scale(0.97);background:#fcf3e9;}.card-index{flex-shrink:0;width:40px;height:40px;background:#fadbc8;border-radius:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#7b4d33;box-shadow:inset 0 -2px 0 #e2b99b;transition:0.1s;}.course-card:nth-child(even) .card-index{background:#fccdaf;}.course-card:nth-child(3n) .card-index{background:#fdd7bd;}.card-content{flex:1;min-width:0;}.card-title{font-weight:700;font-size:1rem;line-height:1.3;color:#2d3e4f;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;}.card-title .chapter{background:#e7d2c0;color:#4f3424;border-radius:30px;padding:0 10px;font-size:0.7rem;font-weight:600;letter-spacing:0.3px;white-space:nowrap;height:20px;display:inline-flex;align-items:center;}.card-desc{font-size:0.78rem;color:#5f4d3e;margin-top:4px;opacity:0.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;padding-right:4px;}.footer{margin-top:1.2rem;text-align:center;font-size:1rem;font-weight:500;color:#7b5f4b;border-top:2px dotted #eccbb6;padding-top:1.5rem;padding-bottom:0.3rem;letter-spacing:1px;}.footer span{background:#f5dfd0;padding:0.2rem 1.8rem;border-radius:60px;display:inline-block;box-shadow:inset 0 -2px 0 #dbbaa5;}@media (max-width:640px){body{padding:1rem 0.8rem;}.container{padding:1.5rem 1rem;border-radius:32px;}.header{flex-direction:column;align-items:flex-start;gap:8px;}.header h1{font-size:1.8rem;}.badge{font-size:0.75rem;padding:0.2rem 1rem;}.course-grid{grid-template-columns:1fr;gap:12px;}.course-card{padding:0.8rem 1rem;min-height:64px;}.card-index{width:34px;height:34px;font-size:0.9rem;}}@media (min-width:900px){.course-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1200px){.course-grid{grid-template-columns:repeat(4,1fr);}}.highlight-dot{display:inline-block;width:6px;height:6px;background:#eaa37a;border-radius:50%;margin-right:4px;}