*{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,#f9f3e8 0%,#fff6ed 100%);min-height:100vh;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;}.course-wrapper{max-width:1300px;width:100%;background:rgba(255,250,240,0.7);backdrop-filter:blur(2px);border-radius:60px 60px 40px 40px;padding:2rem 2rem 2.5rem;box-shadow:0 20px 40px rgba(245,190,120,0.15),0 8px 20px rgba(0,0,0,0.05);border:2px solid #ffe9d4;}.header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2rem;border-bottom:4px dashed #fbc4ab;padding-bottom:1rem;}.header h1{font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,#f9a26c,#ef7e5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;display:inline-flex;align-items:center;gap:10px;}.header h1::before{content:"🔋";font-size:2.6rem;-webkit-text-fill-color:initial;background:none;}.header-badge{background:#ffdbb5;padding:0.5rem 1.4rem;border-radius:40px;font-weight:600;color:#9b5e3c;font-size:1rem;box-shadow:inset 0 -2px 0 #eabb92;border:1px solid #f7cdac;backdrop-filter:blur(2px);}.header-badge i{font-style:normal;background:#f5b48b;color:#2d1e14;padding:0 10px;border-radius:30px;margin-left:6px;}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:0.5rem;}.chapter-card{background:#fffffffa;border-radius:32px;padding:1rem 1.2rem 1rem 1.2rem;box-shadow:0 6px 14px rgba(235,150,80,0.08),0 2px 6px rgba(0,0,0,0.02);transition:all 0.2s ease;border:2px solid #fce6d4;display:flex;flex-direction:column;backdrop-filter:blur(4px);position:relative;}.chapter-card:hover{transform:translateY(-4px) scale(1.01);border-color:#fbc4a0;box-shadow:0 16px 28px rgba(235,140,70,0.12);background:#fffcf7;}.card-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap;}.chapter-num{font-size:1.5rem;font-weight:700;color:#e8874a;background:#fee3d0;padding:0 10px 0 8px;border-radius:40px;line-height:1.4;letter-spacing:-0.5px;min-width:48px;text-align:center;box-shadow:inset 0 -2px 0 #dba77b;}.chapter-title{font-size:1.2rem;font-weight:600;color:#3f2a1c;line-height:1.3;flex:1;}.card-desc{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:6px;margin-bottom:4px;padding-left:4px;}.desc-tag{background:#f5efe9;padding:0.2rem 0.9rem;border-radius:30px;font-size:0.75rem;font-weight:500;color:#6b4d36;letter-spacing:0.3px;border:1px solid #eadacb;box-shadow:inset 0 1px 2px white;white-space:nowrap;}.desc-tag:first-child{background:#fadbc8;border-color:#eebb9a;}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1;}.card-link::after{content:"📖 进入章节 →";font-size:0.8rem;font-weight:500;color:#c07a4e;text-align:right;margin-top:8px;border-top:1px dashed #edd7c6;padding-top:6px;opacity:0.7;transition:0.2s;}.chapter-card:hover .card-link::after{opacity:1;color:#b05d2c;padding-right:4px;}.chapter-card:nth-child(5n+1) .chapter-num{background:#ffd9b0;color:#a55a2b;}.chapter-card:nth-child(5n+2) .chapter-num{background:#ffe0b5;color:#b45f2c;}.chapter-card:nth-child(5n+3) .chapter-num{background:#fddcae;color:#9f572b;}.chapter-card:nth-child(5n+4) .chapter-num{background:#fcd2a5;color:#8f4f26;}.chapter-card:nth-child(5n+5) .chapter-num{background:#fecaa0;color:#7f4a26;}.footer-note{margin-top:2.8rem;text-align:center;font-size:0.9rem;color:#b48a6c;border-top:2px dotted #edd0ba;padding-top:1.8rem;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;}.footer-note span{background:#fae7da;padding:0.2rem 1.2rem;border-radius:40px;font-weight:500;}.footer-note .emoji-big{font-size:1.2rem;}@media (max-width:680px){.course-wrapper{padding:1.5rem 1rem;}.header h1{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;gap:16px;}.chapter-title{font-size:1.1rem;}}@media (max-width:450px){.chapter-num{font-size:1.3rem;min-width:40px;}.card-desc{gap:5px;}.desc-tag{font-size:0.7rem;padding:0.1rem 0.7rem;}}.chapter-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#fbbb8c,#fcdbb0,#fad0a8,#f5b889);border-radius:32px 32px 0 0;opacity:0.6;}