*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e8 0%,#fff4e6 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;}.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.5rem;box-shadow:0 20px 40px -12px rgba(109,69,29,0.2),0 8px 24px -6px rgba(0,0,0,0.05);border:1px solid #f7ede1;transition:all 0.2s ease;}.header-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2rem;border-bottom:3px dashed #fbc4ab;padding-bottom:0.75rem;}.header-title h1{font-size:2.4rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#f0937a,#e36f5e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 8px rgba(227,111,94,0.15);display:inline-flex;align-items:center;gap:8px;}.header-title h1 small{font-size:1rem;font-weight:400;background:#fadac6;color:#7a4d3a;padding:0.2rem 1rem;border-radius:40px;letter-spacing:0.3px;margin-left:12px;text-shadow:none;}.header-badge{background:#b1d8cf;padding:0.4rem 1.2rem;border-radius:60px;font-weight:600;font-size:0.9rem;color:#1f4a3d;box-shadow:inset 0 -2px 0 #8bb7aa;letter-spacing:0.3px;backdrop-filter:blur(2px);}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:1.8rem 0 2rem;}.chapter-card{background:#fffffffa;border-radius:28px;padding:1rem 1.2rem 1rem 1.2rem;box-shadow:0 6px 14px rgba(181,128,86,0.08),0 2px 4px rgba(0,0,0,0.02);transition:all 0.2s cubic-bezier(0.1,0.7,0.3,1);border:1px solid #f5e7db;display:flex;flex-direction:column;backdrop-filter:blur(4px);background:rgba(255,252,248,0.9);position:relative;}.chapter-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px -8px rgba(194,138,82,0.2);border-color:#f3cdb5;background:#fffcf7;}.card-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}.chapter-number{font-size:1.3rem;font-weight:700;color:#e8846b;background:#fce9de;padding:0 0.4rem;border-radius:20px;min-width:38px;text-align:center;line-height:1.6;letter-spacing:-0.5px;}.chapter-title{font-weight:700;font-size:1.1rem;color:#2d4a3e;line-height:1.3;letter-spacing:-0.2px;}.topic-list{list-style:none;margin-top:6px;padding-left:6px;}.topic-list li{font-size:0.82rem;color:#4f5e5a;line-height:1.5;padding:2px 0 2px 18px;position:relative;border-bottom:1px dashed #efe3d8;margin-bottom:2px;}.topic-list li:last-child{border-bottom:none;}.topic-list li::before{content:"✧";position:absolute;left:0;color:#e8a78b;font-size:0.9rem;}.card-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;}.card-link:active .chapter-card{transform:scale(0.97);background:#fcf3ea;}.footer-area{margin-top:1.2rem;padding:1.2rem 0 0.2rem;border-top:2px dotted #eacfbb;display:flex;justify-content:center;font-size:1rem;font-weight:500;color:#7b5f4b;letter-spacing:2px;}.footer-area span{background:#f3e1d2;padding:0.2rem 2rem;border-radius:60px;backdrop-filter:blur(2px);box-shadow:inset 0 -1px 0 #dbbca5;}@media (max-width:640px){body{padding:1rem 0.8rem;}.course-wrapper{padding:1.2rem 1rem;}.header-title h1{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;gap:14px;}.chapter-card{padding:0.8rem 1rem;}}.chapter-card:nth-child(6n+1) .chapter-number{background:#fad5c0;color:#b45f48;}.chapter-card:nth-child(6n+2) .chapter-number{background:#c7e3d6;color:#2b6b54;}.chapter-card:nth-child(6n+3) .chapter-number{background:#fde6b4;color:#9f7a3e;}.chapter-card:nth-child(6n+4) .chapter-number{background:#d9d0f0;color:#5b4a7a;}.chapter-card:nth-child(6n+5) .chapter-number{background:#fbc8d0;color:#a84b5a;}.chapter-card:nth-child(6n+6) .chapter-number{background:#b8dde8;color:#1f6272;}.chapter-card::after{content:"";position:absolute;bottom:8px;right:12px;font-size:1.6rem;opacity:0.08;pointer-events:none;color:#dbaa8b;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#f5ede4;border-radius:20px;}::-webkit-scrollbar-thumb{background:#dbbfaa;border-radius:20px;}