*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f0f9ff 0%,#e6f5f0 100%);font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif;padding:2rem 1.2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#1e3b4f;}.course-wrapper{max-width:1300px;width:100%;background:rgba(255,255,255,0.65);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 1.8rem 1.8rem;box-shadow:0 20px 40px -12px rgba(0,60,70,0.2),0 8px 24px -6px rgba(0,120,130,0.08);border:1px solid rgba(255,255,255,0.6);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 #7fc1b0;padding-bottom:0.75rem;}.header-title h1{font-size:2.2rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#0f7466,#3b9b8a);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}.header-title h1 small{font-size:1rem;font-weight:400;background:#f9b83a;color:#1f3e3a;padding:0.2rem 1rem;border-radius:40px;letter-spacing:0.3px;background:#ffb347;box-shadow:0 2px 6px rgba(255,140,0,0.2);}.subhead{color:#2b6b64;font-weight:500;background:#d9f0e9;padding:0.3rem 1.2rem;border-radius:40px;font-size:0.95rem;display:inline-block;backdrop-filter:blur(2px);border:1px solid #b6dfd4;}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0.5rem 0 1.2rem;}.chapter-card{background:white;border-radius:28px;padding:0.9rem 1.2rem 0.9rem 1.2rem;box-shadow:0 4px 10px rgba(0,50,50,0.04),0 2px 6px rgba(0,30,30,0.02);transition:all 0.2s cubic-bezier(0.2,0,0,1);border:1px solid #e2f0ed;display:flex;align-items:center;gap:12px;backdrop-filter:blur(1px);background:rgba(255,255,255,0.85);cursor:pointer;}.chapter-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 24px -10px rgba(30,100,100,0.15);border-color:#8fcbbc;background:white;}.chapter-card:active{transform:scale(0.97);background:#f6fffc;}.badge-num{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#d9eee8;border-radius:30px;font-weight:700;font-size:1rem;color:#116455;padding:0 6px;background:linear-gradient(145deg,#b7e3d7,#9fd4c6);box-shadow:inset 0 -1px 2px rgba(0,0,0,0.02),0 4px 6px rgba(80,150,130,0.1);transition:0.15s;flex-shrink:0;}.chapter-card:nth-child(6n+1) .badge-num{background:#fde4c2;color:#9b5e2a;}.chapter-card:nth-child(6n+2) .badge-num{background:#c7e6f5;color:#1a6580;}.chapter-card:nth-child(6n+3) .badge-num{background:#f9d9d9;color:#a53f3f;}.chapter-card:nth-child(6n+4) .badge-num{background:#d6f0d6;color:#2a7a3a;}.chapter-card:nth-child(6n+5) .badge-num{background:#f0e1c7;color:#8d6b3f;}.chapter-card:nth-child(6n+6) .badge-num{background:#dcc7f0;color:#4f3b6b;}.card-content{flex:1;min-width:0;}.card-title{font-weight:600;font-size:1.0rem;line-height:1.3;color:#1a4a47;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;}.card-title .chapter-numeral{font-weight:500;color:#3f7b72;background:#e3f3ee;padding:0 8px;border-radius:30px;font-size:0.7rem;letter-spacing:0.3px;display:inline-block;white-space:nowrap;}.card-desc{font-size:0.78rem;color:#3b6a64;margin-top:4px;opacity:0.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;padding-right:4px;}.chapter-card a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;width:100%;outline:none;}.chapter-card a:focus-visible{outline:3px solid #f9b83a;border-radius:28px;}.footer-area{margin-top:2.2rem;text-align:center;font-size:0.95rem;color:#2f6b63;border-top:2px dotted #b1d9cf;padding-top:1.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:0.8rem 2rem;}.footer-area span{background:#d2ece2;padding:0.2rem 1.8rem;border-radius:40px;font-weight:500;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,60,50,0.05);}.footer-area .footer-icon{opacity:0.6;}@media (max-width:640px){body{padding:1rem 0.8rem;}.course-wrapper{padding:1.2rem 0.8rem;}.header-title h1{font-size:1.8rem;}.catalog-grid{grid-template-columns:1fr;gap:12px;}.chapter-card{padding:0.7rem 0.8rem;}.badge-num{min-width:34px;height:34px;font-size:0.9rem;}}@media (min-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1300px){.catalog-grid{grid-template-columns:repeat(3,1fr);}}.bg-dot-pattern{background-image:radial-gradient(#b3d9cf 1px,transparent 1px);background-size:20px 20px;}.course-wrapper{background:rgba(255,255,255,0.7);backdrop-filter:blur(4px);}