:root{--primary-blue:#0184ff;--primary-blue-light:#33a1ff;--primary-blue-dark:#06c;--accent-yellow:#fad75a;--accent-yellow-light:#fbe485;--accent-yellow-dark:#f8ca2b;--text-primary:#000;--text-secondary:#666;--text-tertiary:#999;--background-primary:#f5f5ed;--background-secondary:#f0f0e8;--background-tertiary:#ebebe3;--border-color:#e0e0e0;--shadow-light:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001f;--shadow-heavy:0 8px 24px #00000029;--shadow-blue:0 4px 16px #0184ff33;--shadow-yellow:0 4px 16px #fad75a4d;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-xl:20px;--primary-color:var(--primary-blue);--background-color:var(--background-secondary);--accent-color:var(--accent-yellow);--card-background:var(--background-primary);--base-font-size:16px;--base-font-size-mobile:14px;--scale-ratio:1.2}html{font-size:var(--base-font-size)}body,.reveal,.reveal h1,.reveal h2,.reveal h3,.reveal p,.reveal li,.reveal a{color:var(--text-primary);font-size:calc(1rem*var(--scale-ratio));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;font-family:IBM Plex Sans JP,Noto Sans TC,Microsoft JhengHei,PingFang TC,Arial,sans-serif!important}body,.reveal,.reveal-viewport{background-color:var(--background-color)}.slide-title{display:none!important}.reveal h2.first-page-title{margin-top:30px;margin-bottom:40px;font-size:3rem!important;display:block!important}.reveal .slides section{opacity:0;backface-visibility:hidden;z-index:1;will-change:opacity;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;padding-top:0;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;transform:translateZ(0)}.reveal .slides section.present{opacity:1;z-index:10;position:relative}.reveal .slides section.past,.reveal .slides section.future{opacity:0;z-index:1;pointer-events:none}.reveal .slides section>:not(.slide-title){width:90%;max-width:900px}.content-wrapper{text-align:center;max-width:800px;margin:0 auto}button{background-color:var(--primary-blue);color:#fff;cursor:pointer;border-radius:var(--radius-small);box-shadow:var(--shadow-light);border:none;margin-top:5px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .3s}button:hover{background-color:var(--primary-blue-light);box-shadow:var(--shadow-blue)}button:active{background-color:var(--primary-blue-dark)}.reveal h1{font-size:calc(2rem*var(--scale-ratio))}.reveal h2{font-size:calc(1.5rem*var(--scale-ratio))}.reveal h3{font-size:calc(1.25rem*var(--scale-ratio))}.text-primary{color:var(--primary-color)}.text-center{text-align:center}.text-large{font-size:1.4rem;line-height:2}.text-medium{font-size:1.2rem;line-height:1.6}.text-small{font-size:1rem;line-height:1.5}.margin-bottom{margin-bottom:1rem}.margin-bottom-half{margin-bottom:.5rem}.margin-bottom-large{margin-bottom:2rem}.opacity-reduced{opacity:.8}.font-weight-bold{font-weight:600}.prompt-levels-container{grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto;padding:0 1rem;display:grid}.prompt-level{border-radius:var(--radius-medium);box-shadow:var(--shadow-light);background-color:var(--background-primary);border:1px solid var(--border-color);padding:1.5rem;transition:all .3s}.prompt-level:hover{box-shadow:var(--shadow-medium)}.font-showcase-container{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.font-showcase-item{text-align:center;flex-direction:column;align-items:center;min-height:120px;display:flex}.font-showcase-item .font-preview{color:#333;margin-bottom:8px;font-size:clamp(14px,2vw,16px)}.font-showcase-item .font-name{color:#666;margin-bottom:4px;font-size:.9rem;font-weight:600}.font-showcase-item .font-description{color:#888;font-size:.7rem}.material-sections-container{grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto;padding:0 1rem;display:grid}.material-section{border-radius:var(--radius-large);box-shadow:var(--shadow-medium);background-color:var(--background-primary);border:1px solid var(--border-color);padding:2rem;transition:all .3s}.material-section:hover{box-shadow:var(--shadow-heavy)}.material-content{flex-direction:column;gap:1.5rem;display:flex}.material-item{margin-bottom:1.5rem}.material-item ul{margin:.5rem 0 0 1.5rem;padding:0}.material-item li{margin-bottom:.5rem}.case-examples-container,.link-material-container{grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto;padding:0 1rem;display:grid}.link-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;display:flex}@media (max-width:768px){.link-examples{flex-direction:column;gap:1rem}}.seo-setup-container{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto 2rem;padding:0 1rem;display:grid}@media (max-width:768px){.seo-setup-container{grid-template-columns:1fr}}.gsc-features-container{grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;padding:0 1rem;display:grid}@media (max-width:768px){.gsc-features-container{grid-template-columns:1fr;gap:1.5rem;max-width:600px}}.security-comparison-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}@media (max-width:768px){.security-comparison-container{grid-template-columns:1fr;gap:1.5rem}}.course-topics-container{grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:1200px;margin:0 auto;padding:.8rem;display:grid}.prompt-container{margin-top:40px;margin-bottom:40px}.explanation-content{max-width:800px;margin:0 auto}.explanation-content .text-primary{text-align:center;margin-bottom:2rem;font-size:1.4rem;font-weight:500;line-height:1.6}.large-text{text-align:center;max-width:800px;margin:0 auto;line-height:1.3;font-size:3rem!important}.large-text p{color:#000!important;font-size:3rem!important;font-weight:700!important}.demo-image{border-radius:8px;max-width:20%;height:auto;box-shadow:0 4px 12px #00000026}.seo-demo-image{border-radius:8px;max-width:50%;height:auto;box-shadow:0 4px 12px #00000026}.interaction-content{max-width:800px;margin:0 auto;padding:40px 20px}.group-activity{margin-bottom:40px}.activity-title{color:var(--primary-blue);margin-bottom:20px;font-size:2.5rem;font-weight:600}.activity-info{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.discussion-topics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 0;display:grid}@media (max-width:768px){.interaction-content{padding:20px 10px}.activity-title{font-size:2rem}.discussion-topics{grid-template-columns:1fr;gap:20px}.activity-info{flex-direction:column;gap:12px}}.people-check-container{opacity:1;justify-content:center;align-items:center;gap:10px;min-height:100vh;margin-bottom:20px;transition:opacity .5s;display:flex;position:relative}.name-input{color:var(--text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--border-color);border-radius:var(--radius-small);background-color:#fff;width:200px;height:48px;padding:0 16px;font-family:IBM Plex Sans JP,Noto Sans TC,Microsoft JhengHei,PingFang TC,Arial,sans-serif;font-size:16px}.name-input::placeholder{color:#999}.enter-button{background-color:var(--primary-blue);color:#fff;border-radius:var(--radius-small);cursor:pointer;white-space:nowrap;border:none;min-width:120px;height:48px;margin:0;padding:0 16px;font-size:16px;transition:all .3s}.enter-button:hover{background-color:var(--primary-blue-light)}.clear-data-button{background-color:var(--text-tertiary);color:#fff;border-radius:var(--radius-small);cursor:pointer;opacity:.6;border:none;padding:8px 16px;font-size:14px;transition:all .3s;position:fixed;bottom:20px;right:20px}.clear-data-button:hover{opacity:1;background-color:var(--text-secondary)}h2{text-transform:none!important}.welcome-container{opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;transition:opacity .5s;display:flex}.welcome-container.show{opacity:1}.marketing-game-wrapper{aspect-ratio:3/2;border-radius:var(--radius-medium);width:100%;max-width:500px;box-shadow:var(--shadow-medium);background-color:#fff;margin:0 auto;overflow:hidden}.nav-tabs-wrapper{background-color:var(--background-primary);border-bottom:1px solid var(--border-color);gap:8px;padding:8px;display:flex}.course-example-container{aspect-ratio:3/2;border-radius:var(--radius-medium);width:100%;max-width:850px;min-height:500px;box-shadow:var(--shadow-medium);background-color:var(--background-secondary);margin:0 auto;overflow:hidden}.course-link-block:hover .course-link-content{box-shadow:0 4px 16px #0184ff33}@media (prefers-reduced-motion:reduce){button,.prompt-level,.material-section,.gsc-feature-card{transition:none}}