*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.course-card{max-width:1200px;width:100%;background:#ffffffdd;backdrop-filter:blur(2px);border:4px solid #f9d9b1;border-radius:48px 48px 32px 32px;box-shadow:0 20px 40px rgba(245,165,80,0.15),0 8px 16px rgba(0,0,0,0.03);padding:1.8rem;position:relative;transition:all 0.2s;}.course-card-inner{background:#fffcf5;border:3px dashed #fbc4ab;border-radius:36px 36px 24px 24px;padding:2.2rem 2.5rem;box-shadow:inset 0 0 0 2px #ffe6d0;}.header-title{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.8rem;border-bottom:3px solid #fadbc5;padding-bottom:0.8rem;}.header-title h1{font-size:2.6rem;font-weight:700;color:#b45f3a;letter-spacing:-0.3px;background:linear-gradient(135deg,#d8824a,#b45f3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:0.5rem;}.header-title .sub{font-size:1.2rem;font-weight:500;color:#b77b5a;background:#faead7;padding:0.2rem 1rem;border-radius:40px;-webkit-text-fill-color:#7a4d2e;}.header-badge{margin-left:auto;background:#fbd5b5;padding:0.3rem 1.2rem;border-radius:60px;font-weight:600;color:#633f28;font-size:0.9rem;border:1px solid #f3bc93;}.intro-box{background:#fcf3e9;border-radius:28px;padding:1.2rem 1.8rem;margin-bottom:2.5rem;border-left:8px solid #f7b485;box-shadow:0 4px 8px #f7e3d3;}.intro-box p{font-size:1.1rem;color:#4d3323;display:flex;align-items:center;gap:0.8rem;flex-wrap:wrap;}.intro-box svg{vertical-align:middle;}.table-wrap{overflow-x:auto;margin:2rem 0 2.5rem 0;border-radius:24px;background:#fcf3e9;padding:0.2rem;}table{width:100%;border-collapse:collapse;background:#fffcf7;border-radius:24px;font-size:0.98rem;box-shadow:0 6px 14px #f2daca;}th{background:#f7dcc8;color:#4d2f1d;font-weight:600;padding:1rem 1.2rem;text-align:left;border-bottom:3px solid #efc7ab;}td{padding:1rem 1.2rem;border-bottom:1px solid #f5ddcd;color:#3f2b1c;}tr:last-child td{border-bottom:none;}.highlight-code{background:#f7ede4;font-family:'JetBrains Mono','Cascadia Code',monospace;padding:0.2rem 0.6rem;border-radius:12px;color:#a64b2a;font-weight:500;}pre{background:#2d241c;color:#fbe9d7;padding:1.5rem 1.8rem;border-radius:28px;font-size:0.95rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:2px solid #dba882;box-shadow:inset 0 0 0 1px #7a5a44;margin:1.2rem 0 1.8rem 0;font-family:'JetBrains Mono','Fira Code',monospace;}pre .tag{color:#f9c6a5;}pre .value{color:#fde4b9;}pre .fun{color:#ffdbb5;}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin:1.8rem 0 2.2rem 0;}.feature-item{background:#fcf1e6;border-radius:30px;padding:1.2rem 1rem;text-align:center;border:2px solid #f5cfb5;box-shadow:0 4px 0 #ecc2a3;transition:transform 0.1s ease;font-weight:500;color:#4d2f1b;}.feature-item svg{display:block;margin:0 auto 0.5rem auto;}.svg-container{background:#fcf3e9;border-radius:40px;padding:1.8rem 1rem;margin:2rem 0 2rem 0;text-align:center;border:2px solid #f2cbb2;}.svg-container svg{max-width:100%;height:auto;}.svg-caption{margin-top:0.5rem;font-weight:500;color:#6b4a32;}.footer{margin-top:3rem;padding-top:1.2rem;border-top:3px solid #fadbc5;text-align:center;font-size:1.2rem;font-weight:600;color:#a06747;letter-spacing:2px;}.footer span{background:#f7dcc8;padding:0.2rem 2rem;border-radius:60px;display:inline-block;}@media (max-width:700px){.course-card-inner{padding:1.5rem 1rem;}.header-title h1{font-size:2rem;}.header-badge{margin-left:0;margin-top:0.3rem;}}