:root{--academy-primary:#17324E;--academy-accent:#d8376f;--academy-accent-h:#c22f62;--academy-bg:#f7f9fc;--academy-text:#4b5563;--academy-border:#e6ebf2;--academy-white:#ffffff;--academy-shadow:0 10px 30px rgba(0,0,0,0.06);--academy-radius:18px}*{box-sizing:border-box}body{margin-top:100px;font-family:Inter,system-ui,sans-serif;background:var(--academy-bg);color:var(--academy-text)}.academy-container{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}.academy-hero{padding:20px 0 70px;background:radial-gradient(circle at top right,rgba(216,55,111,8%),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-bottom:1px solid var(--academy-border);position:relative;overflow:visible;z-index:20}.academy-title{margin-bottom:20px}.academy-hero-content p{font-size:1.1rem;line-height:1.7;max-width:620px;margin-bottom:30px}.academy-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;overflow:visible;position:relative}.academy-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(216,55,111,.1);color:var(--academy-accent);padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;margin-bottom:20px}.academy-highlight{color:var(--academy-accent);border-bottom:2px solid var(--cp-accent)}.academy-lead{font-size:1.1rem;line-height:1.7;max-width:620px;margin-bottom:30px}.academy-search{position:relative;max-width:560px;width:100%;margin-top:30px;z-index:100}.academy-search i.bi-search{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;z-index:2}.academy-search input{width:100%;height:60px;border-radius:16px;border:1px solid var(--academy-border);background:#fff;padding:0 20px 0 52px;font-size:1rem;font-weight:500;color:var(--academy-primary);box-shadow:0 10px 30px rgba(0,0,0,6%);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.academy-search input::placeholder{color:#9ca3af;font-weight:400}.academy-search input:focus{outline:none;border-color:var(--academy-accent);box-shadow:0 0 0 4px rgba(216,55,111,.1),0 12px 30px rgba(0,0,0,8%);transform:translateY(-1px)}.academy-search-results{position:absolute;top:calc(100% + 10px);left:0;max-height:420px;width:100%;background:#fff;border-radius:18px;border:1px solid var(--academy-border);box-shadow:0 16px 40px rgba(0,0,0,8%);overflow-y:auto;z-index:50;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.academy-search-results.active{opacity:1;visibility:visible;transform:translateY(0)}.academy-search-item{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;transition:background .15s ease,transform .15s ease;border-bottom:1px solid #f1f5f9}.academy-search-item:last-child{border-bottom:none}.academy-search-item:hover{background:rgba(216,55,111,5%)}.academy-search-icon{width:44px;height:44px;border-radius:12px;background:rgba(216,55,111,8%);display:flex;align-items:center;justify-content:center;color:var(--academy-accent);font-size:1rem;flex-shrink:0}.academy-search-content{min-width:0}.academy-search-content strong{display:block;color:var(--academy-primary);font-size:.96rem;font-weight:700;margin-bottom:4px;line-height:1.4}.academy-search-content span{display:block;color:#6b7280;font-size:.85rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.academy-search-empty{padding:20px;text-align:center;color:#6b7280;font-size:.92rem}@media(max-width:768px){.academy-search{max-width:100%}.academy-search input{height:56px;font-size:.95rem}.academy-search-results{border-radius:16px}.academy-search-item{padding:13px 15px}.academy-search-icon{width:40px;height:40px}.academy-search-content strong{font-size:.92rem}.academy-search-content span{font-size:.82rem}}.academy-hero-card{background:#fff;border-radius:28px;padding:32px;box-shadow:var(--academy-shadow);border:1px solid var(--academy-border);position:relative;overflow:hidden}.academy-hero-card::before{content:"";position:absolute;width:240px;height:240px;background:rgba(216,55,111,8%);border-radius:999px;top:-120px;right:-120px}.academy-hero-list{display:grid;gap:18px;position:relative;z-index:2}.academy-hero-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--academy-border);border-radius:16px;padding:16px}.academy-hero-item i{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(216,55,111,8%);color:var(--academy-accent);font-size:1.2rem}.academy-hero-item strong{display:block;color:var(--academy-primary);margin-bottom:4px}.academy-quick-nav{padding:26px 0;background:#fff;border-bottom:1px solid var(--academy-border);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.academy-quick-links{display:flex;flex-wrap:wrap;gap:14px}.academy-quick-links a{text-decoration:none;color:var(--academy-primary);background:#f4f6fa;padding:12px 18px;border-radius:999px;font-weight:600;transition:all .2s ease;border:1px solid transparent}.academy-quick-links a:hover{background:rgba(216,55,111,8%);color:var(--academy-accent);border-color:rgba(216,55,111,.15)}.academy-section{padding:80px 0 20px}.academy-section-header{margin-bottom:34px}.academy-section-header h2{font-size:2rem;margin-bottom:10px;color:var(--academy-primary)}.academy-section-header p{margin:0;max-width:700px;line-height:1.7}.academy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tutorial-card{background:#fff;border-radius:var(--academy-radius);overflow:hidden;border:1px solid var(--academy-border);box-shadow:var(--academy-shadow);transition:all .25s ease;display:flex;flex-direction:column}.tutorial-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,8%)}.tutorial-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer}.tutorial-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tutorial-card:hover .tutorial-thumb img{transform:scale(1.04)}.tutorial-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);display:flex;align-items:center;justify-content:center}.tutorial-play{width:74px;height:74px;border-radius:999px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:var(--academy-accent);font-size:2rem;transition:all .2s ease}.tutorial-card:hover .tutorial-play{transform:scale(1.08)}.tutorial-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.tutorial-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.tutorial-badge{padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.tutorial-badge.level-basic{background:rgba(12,160,174,.1);color:#0ca0ae}.tutorial-badge.level-medium{background:rgba(245,158,11,.1);color:#f59e0b}.tutorial-duration{color:#6b7280;font-size:.85rem;font-weight:600}.tutorial-title{font-size:1.25rem;line-height:1.4;margin-bottom:12px;color:var(--academy-primary);font-weight:700}.tutorial-desc{line-height:1.7;margin-bottom:24px;flex-grow:1}.tutorial-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:none;background:var(--academy-accent);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.tutorial-btn:hover{background:var(--academy-accent-h);transform:translateY(-1px)}.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.video-modal.active{display:flex}.video-modal-content{width:100%;max-width:1100px;position:relative;animation:modalFade .2s ease}.video-modal-close{position:absolute;top:-50px;right:0;width:42px;height:42px;border-radius:999px;border:none;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;font-size:1.4rem}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;background:#000}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@keyframes modalFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.academy-empty{display:none;text-align:center;padding:60px 20px;color:#6b7280}.academy-empty i{font-size:3rem;margin-bottom:16px;display:block;color:#cbd5e1}@media(max-width:1100px){.academy-grid{grid-template-columns:repeat(2,1fr)}.academy-hero-grid{grid-template-columns:1fr}}@media(max-width:768px){.academy-hero{padding:70px 0 50px}.academy-grid{grid-template-columns:1fr}.academy-title{font-size:2.5rem}.academy-section{padding-top:60px}.academy-quick-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.academy-quick-links::-webkit-scrollbar{display:none}.academy-quick-links a{white-space:nowrap}}.academy-faq{margin-top:40px;display:grid;gap:14px}.academy-faq-item{background:#fff;border:1px solid var(--academy-border);border-radius:16px;overflow:hidden;box-shadow:var(--academy-shadow)}.academy-faq-question{width:100%;border:none;background:0 0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:var(--academy-primary);cursor:pointer;text-align:left}.academy-faq-question i{transition:transform .2s ease}.academy-faq-item.active .academy-faq-question i{transform:rotate(45deg)}.academy-faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 24px;color:#6b7280;line-height:1.7}.academy-faq-item.active .academy-faq-answer{max-height:300px;padding:0 24px 22px}