.academy-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);max-width:1200px;margin-inline:auto;padding:var(--space-6);padding-top:calc(var(--nav-height) + var(--space-8));min-height:100vh}.academy-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-6));max-height:calc(100vh - var(--nav-height) - var(--space-12));overflow-y:auto;padding:var(--space-4);background:#181d2580;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(220,20%,25%,.3);border-radius:var(--radius-xl)}.academy-sidebar::-webkit-scrollbar{width:4px}.academy-sidebar::-webkit-scrollbar-thumb{background:var(--neutral-700);border-radius:var(--radius-full)}.sidebar-level{margin-bottom:var(--space-6)}.sidebar-level-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.sidebar-level-header .level-badge{padding:2px 8px;background:#2680d926;color:var(--primary-300);border-radius:var(--radius-full);font-size:10px}.sidebar-lesson{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out);margin-bottom:2px;position:relative;border-left:3px solid transparent}.sidebar-lesson:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-lesson.active{background:#2680d91f;color:var(--primary-300);font-weight:600;border-left-color:var(--primary-400);box-shadow:inset 0 0 20px #2680d90d}.sidebar-lesson.completed{color:#47d181}.sidebar-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--neutral-600);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px}.sidebar-lesson.completed .sidebar-check{background:#2eb867;border-color:#2eb867}.sidebar-lesson.active .sidebar-check{border-color:var(--primary-400)}.lesson-content{max-width:760px;min-width:0;overflow-wrap:break-word;word-break:break-word;animation:lessonFadeIn .5s ease-out}@keyframes lessonFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lesson-position{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.lesson-position a{color:var(--primary-400);text-decoration:none}.lesson-position a:hover{text-decoration:underline}.lesson-position .separator{color:var(--neutral-600)}.lesson-prereq{padding:var(--space-4) var(--space-5);background:#e8a53014;border:1px solid hsla(38,80%,55%,.2);border-radius:var(--radius-md);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--text-secondary)}.lesson-prereq strong{color:var(--accent-400)}.lesson-prereq a{color:var(--accent-400);text-decoration:none}.lesson-prereq a:hover{text-decoration:underline}.lesson-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle);position:relative}.lesson-header:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--primary-400),transparent)}.lesson-header .lesson-number{display:inline-block;font-size:var(--text-xs);font-weight:700;color:var(--primary-300);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);background:#2680d91a;border:1px solid hsla(210,70%,50%,.2);border-radius:var(--radius-full)}.lesson-header h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary) 0%,hsl(210,50%,80%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-header .lesson-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.lesson-header .lesson-meta span{padding:var(--space-1) var(--space-3);background:#2b303b80;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.lesson-body h2{font-size:var(--text-xl);font-weight:700;margin-top:var(--space-16);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);position:relative;display:flex;align-items:center;gap:var(--space-3)}.lesson-body h2:before{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-400),transparent)}.lesson-body h3{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--text-primary);padding-left:var(--space-4);border-left:3px solid hsla(210,70%,50%,.3)}.lesson-body p{color:var(--text-secondary);line-height:2;margin-bottom:var(--space-6);font-size:1rem;letter-spacing:.01em}.lesson-body ul,.lesson-body ol{color:var(--text-secondary);line-height:1.9;margin-bottom:var(--space-6);padding-left:var(--space-6);font-size:1rem;overflow-wrap:break-word;word-break:break-word}.lesson-body li{margin-bottom:var(--space-3)}.lesson-body a{color:var(--primary-400);text-decoration:none;border-bottom:1px dashed var(--primary-400)}.lesson-body a:hover{border-bottom-style:solid}.lesson-info-box{padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);margin-bottom:var(--space-10);margin-top:var(--space-8);position:relative;border-left:4px solid;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lesson-info-box.tip{background:linear-gradient(135deg,#2680d914,#2680d905);border-color:#2680d980;border-top:1px solid hsla(210,70%,50%,.12);border-right:1px solid hsla(210,70%,50%,.08);border-bottom:1px solid hsla(210,70%,50%,.08)}.lesson-info-box.warning{background:linear-gradient(135deg,#e8a53014,#e8a53005);border-color:#e8a53080;border-top:1px solid hsla(38,80%,55%,.12);border-right:1px solid hsla(38,80%,55%,.08);border-bottom:1px solid hsla(38,80%,55%,.08)}.lesson-info-box.fun-fact{background:linear-gradient(135deg,#9933cc14,#9933cc05);border-color:#9933cc80;border-top:1px solid hsla(280,60%,50%,.12);border-right:1px solid hsla(280,60%,50%,.08);border-bottom:1px solid hsla(280,60%,50%,.08)}.lesson-info-box .info-title{font-weight:700;margin-bottom:var(--space-3);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.lesson-info-box .info-title.tip{color:var(--primary-300)}.lesson-info-box .info-title.warning{color:var(--accent-400)}.lesson-info-box .info-title.fun-fact{color:#b870db}.lesson-info-box p{color:var(--text-secondary);font-size:.925rem;line-height:1.85;margin-bottom:0}.lesson-body table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:var(--space-10);font-size:.9rem;background:#181d2566;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.lesson-body th{padding:var(--space-4) var(--space-5);background:#1f242e99;border-bottom:2px solid hsla(210,70%,50%,.15);text-align:left;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-300)}.lesson-body td{padding:var(--space-4) var(--space-5);border-bottom:1px solid hsla(220,15%,20%,.2);color:var(--text-secondary);line-height:1.6;transition:background var(--duration-fast) var(--ease-out)}.lesson-body tbody tr:hover td{background:#2680d90a}.lesson-body tbody tr:last-child td{border-bottom:none}.lesson-body td strong{color:var(--text-primary)}.lesson-img{width:100%;border-radius:var(--radius-lg);margin-top:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--border-subtle)}.lesson-img-caption{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-10);line-height:1.6}.has-glossary{border-bottom:1px dashed var(--primary-400);color:var(--primary-300);cursor:help;position:relative}.glossary-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:300px;padding:var(--space-4) var(--space-5);background:var(--neutral-800);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.glossary-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto}.glossary-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--neutral-800)}.glossary-tooltip-term{font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.glossary-tooltip-brief{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.glossary-tooltip-link{display:inline-block;font-size:var(--text-xs);color:var(--primary-400)!important;text-decoration:none!important;border-bottom:none!important;font-weight:600}.glossary-tooltip-link:hover{text-decoration:underline!important}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.lesson-nav-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.lesson-nav-item:hover{border-color:var(--primary-400);background:var(--bg-card-hover)}.lesson-nav-item.next{text-align:right}.lesson-nav-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.lesson-nav-title{font-weight:700;color:var(--primary-300)}.lesson-related{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.lesson-related h4{font-size:var(--text-sm);font-weight:700;color:var(--text-tertiary);margin-bottom:var(--space-3)}.lesson-related-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lesson-related-tag{padding:var(--space-1) var(--space-3);background:#2680d91a;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--primary-300);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.lesson-related-tag:hover{background:#2680d933}.lesson-complete-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);margin-top:var(--space-8);background:#2eb8671f;border:2px solid hsla(145,60%,45%,.3);border-radius:var(--radius-lg);color:#47d181;font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.lesson-complete-btn:hover{background:#2eb86733;border-color:#2eb86780}.lesson-complete-btn.completed{background:#2eb867;color:#fff;border-color:#2eb867;cursor:pointer}.lesson-complete-btn.completed:hover{background:#279b57;border-color:#279b57}.complete-hint{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);opacity:.6}.achievement-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:var(--bg-card);border:2px solid var(--accent-400);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;z-index:9999;opacity:0;visibility:hidden;transition:all .4s var(--ease-out);box-shadow:0 0 60px #e8a5304d}.achievement-popup.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.achievement-popup .ach-icon{font-size:64px;margin-bottom:var(--space-4)}.achievement-popup .ach-title{font-size:var(--text-xl);font-weight:800;color:var(--accent-400);margin-bottom:var(--space-2)}.achievement-popup .ach-desc{color:var(--text-secondary);margin-bottom:var(--space-6)}.achievement-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9998;opacity:0;visibility:hidden;transition:all .3s}.achievement-overlay.show{opacity:1;visibility:visible}@media(max-width:900px){.academy-layout{grid-template-columns:1fr}.academy-sidebar{position:relative;top:0;max-height:none;padding-right:0;margin-bottom:var(--space-6);display:none}.academy-sidebar.mobile-open{display:block}.glossary-tooltip{position:fixed;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);top:auto;transform:none;width:auto}.glossary-tooltip:after{display:none}}.sidebar-toggle{display:none;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;margin-bottom:var(--space-4)}@media(max-width:900px){.sidebar-toggle{display:block}}.academy-hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-16);text-align:center}.academy-hero h1{font-size:var(--text-4xl);font-weight:900;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.academy-hero .subtitle{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin-inline:auto;line-height:var(--leading-relaxed)}.academy-progress-bar{max-width:500px;margin:var(--space-8) auto;height:8px;background:var(--neutral-800);border-radius:var(--radius-full);overflow:hidden}.academy-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-400));border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.academy-progress-text{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.level-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6);max-width:1100px;margin-inline:auto;padding:0 var(--space-6);padding-bottom:var(--space-24)}.level-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);text-decoration:none;display:block;position:relative;overflow:hidden}.level-card:hover{border-color:var(--primary-400);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.level-card.locked{opacity:.5;pointer-events:none}.level-card.completed{border-color:#2eb867}.level-card-number{font-size:var(--text-xs);font-weight:800;color:var(--primary-400);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-2)}.level-card.completed .level-card-number{color:#47d181}.level-card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.level-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.level-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.level-card-lessons{font-size:var(--text-xs);color:var(--text-tertiary)}.level-card-progress{margin-top:var(--space-4);height:4px;background:var(--neutral-800);border-radius:var(--radius-full);overflow:hidden}.level-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-400));border-radius:var(--radius-full)}.level-card.completed .level-card-progress-fill{background:#2eb867}.level-card-badge{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-2xl)}.affiliate-box,.affiliate-group{margin:var(--space-6) 0}.affiliate-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.affiliate-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#1d233099;border:1px solid hsla(38,80%,55%,.2);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.affiliate-card:hover{border-color:var(--accent-400);background:#1d2330e6;transform:translateY(-2px);box-shadow:0 4px 20px #e8a53026}.affiliate-tag{flex-shrink:0;padding:2px 8px;background:#e8a53026;color:var(--accent-400);border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap}.affiliate-info{flex:1;min-width:0}.affiliate-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.affiliate-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:4px}.affiliate-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs)}.affiliate-price{font-weight:700;color:var(--accent-400)}.affiliate-platform{color:var(--text-tertiary)}.affiliate-cta{flex-shrink:0;padding:var(--space-2) var(--space-3);background:#e8a5301f;color:var(--accent-400);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;transition:background var(--duration-fast) var(--ease-out)}.affiliate-card:hover .affiliate-cta{background:#e8a53040}@media(max-width:600px){.affiliate-card{flex-direction:column;text-align:center;gap:var(--space-2)}.affiliate-meta{justify-content:center}}.affiliate-section-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.affiliate-section-label:after{content:"贊助連結";padding:1px 6px;background:#e8a5301a;color:var(--accent-400);border-radius:var(--radius-full);font-size:10px}