.course-item-wrapper{padding:0 1rem;margin-bottom:1.5rem}.course-item-wrapper .course-item{display:flex;width:100%;border-radius:16px;background:linear-gradient(135deg,#8b2252,#6b1a3f);overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .35s cubic-bezier(.4,0,.2,1);height:100%}.course-item-wrapper .course-item:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000029}.course-item-wrapper .course-item a{width:100%;background:#fff;padding:1.5rem;margin-left:6px;border-radius:0 16px 16px 0;display:flex;flex-direction:column;transition:background .2s ease}.course-item-wrapper .course-item a:hover{background:#f5f6f8}.course-item-wrapper .course-item a .course-top{flex:1;margin-bottom:1.25rem}.course-item-wrapper .course-item a .course-top h3{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-weight:700;font-size:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);letter-spacing:.025em;color:#8b2252;line-height:1;margin-bottom:.75rem}@media screen and (max-width:768px){.course-item-wrapper .course-item a .course-top h3{font-size:clamp(1.5rem,1.25rem + 1.25vw,2rem)}}.course-item-wrapper .course-item a .course-top p{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.25rem);font-weight:500;color:#1a1d23;line-height:1.375}@media screen and (max-width:768px){.course-item-wrapper .course-item a .course-top p{font-size:clamp(1rem,.9rem + .5vw,1.125rem)}}.course-item-wrapper .course-item a .content{padding-right:2rem}@media screen and (max-width:768px){.course-item-wrapper .course-item a .content{padding-right:0;margin-bottom:.5rem}}.course-item-wrapper .course-item a .content p{padding:.125rem 0}.course-item-wrapper .course-item a .content .text{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,.8rem + .35vw,1rem);color:#6b7280;line-height:1.2}.course-item-wrapper .course-item a .content .data{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,.8rem + .35vw,1rem);font-weight:600;color:#1a1d23;line-height:1.2}.course-item-wrapper.similar .course-item{background:linear-gradient(135deg,#d4a5ba,#c482a0)}.course-item-wrapper.similar .course-item a .course-top h3,.course-item-wrapper.similar .course-item a .course-top p{color:#a95178}.course-item-wrapper.similar .course-item:hover{background:linear-gradient(135deg,#cc94ad,#bb7192)}.course-item-wrapper.random .course-item{background:linear-gradient(135deg,#6b7280,#545964)}.course-item-wrapper.random .course-item:hover{background:linear-gradient(135deg,#8b2252,#6b1a3f)}body,html{height:100%;font-size:16px;background-color:#fafbfc;color:#1a1d23}body{margin:0;line-height:1.5;overflow:auto;overflow-x:hidden;font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body input:focus,body textarea:focus,body select:focus{outline:none}body h1,body .h1{font-family:"DM Serif Display","Noto Serif TC",Georgia,serif;font-size:clamp(3rem,2rem + 5vw,4.5rem);font-weight:700;line-height:1.25;letter-spacing:-.025em}body h2,body .h2{font-family:"DM Serif Display","Noto Serif TC",Georgia,serif;font-size:clamp(2.25rem,1.75rem + 2.5vw,3rem);font-weight:700;line-height:1.25;letter-spacing:-.025em}body h3,body .h3{font-family:"DM Serif Display","Noto Serif TC",Georgia,serif;font-size:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);font-weight:600;line-height:1.375}body h4,body .h4{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(1.5rem,1.25rem + 1.25vw,2rem);font-weight:600;line-height:1.375}body h5,body .h5{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:500;line-height:1.5}body p,body span,body div{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif}body blockquote{font-family:"DM Serif Display","Noto Serif TC",Georgia,serif;font-style:italic}body img{max-width:100%;height:auto}body .course-code{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-weight:700;letter-spacing:.025em}body a,body button{transition:all .25s cubic-bezier(.4,0,.2,1)}body a{color:#8b2252;text-decoration:none}body a:hover{color:#a8466f}.in-development{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-weight:600;font-size:clamp(.875rem,.8rem + .35vw,1rem);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background:#8b2252;color:#fff}.btn-primary:hover{background:#a8466f;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#8b2252;border:2px solid #8b2252}.btn-secondary:hover{background:#8b22521a;transform:translateY(-2px)}.btn-ghost{background:transparent;color:#1a1d23}.btn-ghost:hover{background:#0000000d}.input{width:100%;padding:.875rem 1rem;font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,.9rem + .5vw,1.125rem);background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}.input:focus{border-color:#8b2252;box-shadow:0 0 0 4px #8b22521a}.input:hover:not(:focus){border-color:#9ca3af}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.card-elevated{box-shadow:0 4px 16px #0000001a}.card-elevated:hover{box-shadow:0 8px 32px #0000001f}.search-page{min-height:60vh;padding-top:3rem;padding-bottom:4rem;background:linear-gradient(180deg,#fafbfc,#f5f6f8)}.search-page .title{font-family:"DM Serif Display","Noto Serif TC",Georgia,serif;font-size:clamp(2.25rem,1.75rem + 2.5vw,3rem);font-weight:700;color:#8b2252;letter-spacing:-.025em;margin-bottom:2rem;animation:fadeIn .6s ease-out forwards}@media screen and (max-width:768px){.search-page .title{font-size:clamp(1.875rem,1.5rem + 1.875vw,2.5rem)}}.search-page .subtitle{font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:600;color:#1a1d23;margin-bottom:1.5rem;margin-top:2rem;position:relative;padding-left:1rem}.search-page .subtitle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:#8b2252;border-radius:2px}@media screen and (max-width:768px){.search-page .subtitle{font-size:clamp(1.125rem,1rem + .625vw,1.25rem)}}.search-page .animate-spin{border-color:#8b22521a;border-top-color:#8b2252}.search-page .text-red-500{color:#dc2626;font-family:Outfit,Noto Sans TC,system-ui,-apple-system,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}