@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Noto+Sans+SC:wght@400;700&display=swap";.page-header[data-v-b1eb6580]{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:var(--container-bg-color);border-bottom:4px solid var(--border-color);position:sticky;top:0;z-index:100}.header-title[data-v-b1eb6580]{font-family:var(--font-pixel);font-size:var(--font-size-xl)}.back-button[data-v-b1eb6580]{padding:10px 20px;color:#fff;border:3px solid var(--border-color);border-radius:0;cursor:pointer;font-family:var(--font-body);font-weight:700;transition:all .2s;box-shadow:4px 4px 0 var(--border-color)}.back-button[data-v-b1eb6580]:hover{filter:brightness(.9);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}@media (max-width: 768px){.page-header[data-v-b1eb6580]{padding:15px 20px}.header-title[data-v-b1eb6580]{font-size:var(--font-size-md)}.back-button[data-v-b1eb6580]{padding:8px 16px;font-size:var(--font-size-xs)}}.page-layout[data-v-3e5f936b]{width:100%;min-height:100vh;overflow-x:hidden;background-color:var(--background-color);image-rendering:pixelated}.prototype[data-v-3e5f936b]{width:100%;min-height:100vh;overflow-y:auto}.page-content[data-v-3e5f936b]{padding:40px;max-width:1200px;margin:0 auto}.page-title[data-v-3e5f936b]{font-family:var(--font-pixel);font-size:32px;color:var(--text-color);text-align:center;margin-bottom:20px}.page-description[data-v-3e5f936b]{text-align:center;font-size:16px;color:#666;margin-bottom:40px;line-height:1.6}@media (max-width: 768px){.page-content[data-v-3e5f936b]{padding:20px}.page-title[data-v-3e5f936b]{font-size:24px}.page-description[data-v-3e5f936b]{font-size:14px}}[data-v-84d2b67d]:root{--primary-color: #9B59B6;--secondary-color: #E74C3C;--background-color: #F3E5F5;--container-bg-color: #FFFFFF;--text-color: #333333;--border-color: #000000;--font-pixel: "Press Start 2P", cursive;--font-body: "Noto Sans SC", sans-serif}.container[data-v-84d2b67d]{max-width:1600px;width:90%;height:95vh;background:var(--container-bg-color);border:4px solid var(--border-color);box-shadow:8px 8px 0 var(--border-color);overflow:hidden;margin:20px auto;position:relative}.prototype[data-v-84d2b67d]{width:100%;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:20px 30px;position:relative;background:linear-gradient(rgba(243,229,245,.8),rgba(243,229,245,.8)),url(https://www.transparenttextures.com/patterns/cubes.png)}.prototype[data-v-84d2b67d]::-webkit-scrollbar{width:0px;background:transparent}.page-header[data-v-84d2b67d]{font-family:var(--font-pixel);font-size:var(--font-size-xl);text-align:center;margin-bottom:20px;padding:10px;background-color:#fffc;border:4px solid var(--border-color)}.back-button-container[data-v-84d2b67d]{text-align:center;margin-top:30px}.floating-btn[data-v-84d2b67d]{position:fixed;bottom:30px;right:30px;z-index:999}.pixel-btn[data-v-84d2b67d]{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-color);background-color:var(--container-bg-color);padding:12px 20px;border:4px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);cursor:pointer;transition:transform .1s,box-shadow .1s;text-decoration:none}.pixel-btn[data-v-84d2b67d]:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.pixel-btn[data-v-84d2b67d]:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--border-color)}.modal-overlay[data-v-84d2b67d]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.visible[data-v-84d2b67d]{opacity:1;visibility:visible}.modal-content[data-v-84d2b67d]{background:var(--container-bg-color);padding:30px;border:4px solid var(--border-color);box-shadow:8px 8px 0 var(--border-color);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s}.modal-overlay.visible .modal-content[data-v-84d2b67d]{transform:scale(1)}.modal-close-btn[data-v-84d2b67d]{position:absolute;top:10px;right:10px;font-family:var(--font-pixel);font-size:var(--font-size-xl);cursor:pointer;border:none;background:none}.modal-description h2[data-v-84d2b67d]{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--primary-color);border-bottom:4px solid var(--border-color);padding-bottom:10px;margin-top:0}.modal-description h3[data-v-84d2b67d]{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-color);margin-top:25px;margin-bottom:10px}.modal-description p[data-v-84d2b67d],.modal-description ul[data-v-84d2b67d]{font-size:var(--font-size-sm);line-height:1.8;color:#555}.modal-description ul[data-v-84d2b67d]{padding-left:20px}.quest-item[data-v-84d2b67d]{margin-bottom:10px;padding-left:25px;position:relative}.quest-item[data-v-84d2b67d]:before{content:"\1f3f0";position:absolute;left:0;top:0}.website-header[data-v-43afe267]{display:flex;justify-content:space-between;align-items:center;padding:0 320px;height:80px;box-sizing:border-box;background-color:var(--container-bg-color);border-bottom:4px solid var(--border-color);box-shadow:0 4px 8px #0000001a;position:fixed;left:0;right:0;z-index:100;transition:background-color .3s ease,border-bottom-color .3s ease,box-shadow .3s ease}.website-header[data-transparent=true][data-v-43afe267]{background-color:#fff0;border-bottom:4px solid transparent;box-shadow:none}.website-header[data-transparent=true].scrolled[data-v-43afe267]{background-color:var(--container-bg-color);border-bottom:4px solid var(--border-color);box-shadow:0 4px 8px #0000001a}.logo[data-v-43afe267]{font-family:var(--font-pixel);font-size:var(--font-size-2xl);color:#e74c3c;margin-right:auto;text-shadow:4px 4px 3px rgba(231,76,60,.8);transition:all .4s ease;cursor:pointer;position:relative}.website-header[data-transparent=true] .logo[data-v-43afe267]{color:var(--text-color);text-shadow:3px 3px 8px rgba(245,166,35,.3)}.logo[data-v-43afe267]:after{content:"\2728";position:absolute;top:-10px;right:-15px;font-size:12px;animation:sparkle-43afe267 2s ease-in-out infinite;will-change:transform,opacity}@keyframes sparkle-43afe267{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.website-header[data-transparent=true].scrolled .logo[data-v-43afe267]{color:#e74c3c;text-shadow:4px 4px 3px rgba(231,76,60,.8)}.logo[data-v-43afe267]:hover{transform:scale(1.05);filter:brightness(1.2)}@media (max-width: 575px){.website-header[data-v-43afe267]{padding:0 15px;height:60px}.logo[data-v-43afe267]{font-size:var(--font-size-lg)}}@media (min-width: 576px) and (max-width: 767px){.website-header[data-v-43afe267]{padding:0 20px;height:64px}.logo[data-v-43afe267]{font-size:var(--font-size-xl)}}@media (min-width: 768px) and (max-width: 1023px){.website-header[data-v-43afe267]{padding:0 40px;height:68px}}@media (min-width: 1024px) and (max-width: 1199px){.website-header[data-v-43afe267]{padding:0 80px;height:72px}}@media (min-width: 1200px) and (max-width: 1599px){.website-header[data-v-43afe267]{padding:0 160px}}@media (min-width: 1600px){.website-header[data-v-43afe267]{padding:0 320px}}.basic-container[data-v-937a6ed6]{width:100%;height:100vh;background-color:var(--background-color);overflow:hidden}.prototype[data-v-937a6ed6]{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.chapter-header[data-v-937a6ed6]{display:flex;justify-content:space-between;align-items:center;padding:12px 30px;background-color:#f0f2f5;border-bottom:3px solid var(--border-color);flex-shrink:0;height:50px;position:relative;z-index:100}.chapter-header.theme-chapter1[data-v-937a6ed6]{background-color:#f0f2f5}.chapter-header.theme-chapter2[data-v-937a6ed6]{background-color:#f5e9e8}.chapter-header.theme-chapter3[data-v-937a6ed6]{background-color:#f3e5f5}.chapter-header.theme-chapter4[data-v-937a6ed6]{background-color:#e8f5e9}.breadcrumb[data-v-937a6ed6]{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--font-size-sm)}.breadcrumb-item[data-v-937a6ed6]{color:var(--text-color);cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.breadcrumb-item[data-v-937a6ed6]:hover{background-color:#0000000d;color:var(--primary-color)}.breadcrumb-item.current[data-v-937a6ed6]{font-weight:700;cursor:default;color:var(--primary-color)}.breadcrumb-item.current[data-v-937a6ed6]:hover{background-color:transparent}.breadcrumb-separator[data-v-937a6ed6]{color:#999;font-size:16px;user-select:none}.header-actions[data-v-937a6ed6]{display:flex;align-items:center;gap:12px}.chapter-main[data-v-937a6ed6]{display:flex;gap:30px;padding:30px 40px;flex:1;background-color:#f0f2f5;overflow:hidden;min-height:0;position:relative;z-index:1}.sidebar-menu[data-v-937a6ed6]{width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:10}.menu-tab[data-v-937a6ed6]{background-color:#fff;border:3px solid #000000;box-shadow:4px 4px #0003;padding:16px 12px;cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.menu-tab[data-v-937a6ed6]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.menu-tab[data-v-937a6ed6]:active{transform:translate(0);box-shadow:3px 3px #0003}.menu-tab.active[data-v-937a6ed6]{background-color:var(--secondary-color);border-color:#000}.tab-icon[data-v-937a6ed6]{font-size:var(--font-size-2xl);line-height:1}.tab-label[data-v-937a6ed6]{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;color:var(--text-color)}.content-area[data-v-937a6ed6]{flex:1;background-color:#d4f1f4;border:4px solid var(--border-color);box-shadow:8px 8px #0003;overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative;z-index:0}.content-area.theme-chapter1[data-v-937a6ed6]{background-color:#d4f1f4}.content-area.theme-chapter1[data-v-937a6ed6]:before{content:"\2601\fe0f";font-size:50px;position:absolute;top:50px;left:15%;opacity:.8;pointer-events:none;z-index:0}.content-area.theme-chapter1[data-v-937a6ed6]:after{content:"\2601\fe0f";font-size:70px;position:absolute;top:80px;right:20%;opacity:.7;pointer-events:none;z-index:0}.chapter-main.theme-chapter2[data-v-937a6ed6]{background-color:#f5e9e8}.content-area.theme-chapter2[data-v-937a6ed6]{background-color:#fafafa}.chapter-main.theme-chapter3[data-v-937a6ed6]{background-color:#f3e5f5}.content-area.theme-chapter3[data-v-937a6ed6]{background:linear-gradient(rgba(243,229,245,.8),rgba(243,229,245,.8));background-image:linear-gradient(rgba(243,229,245,.8),rgba(243,229,245,.8)),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chapter-main.theme-chapter4[data-v-937a6ed6]{background-color:#e8f5e9}.content-area.theme-chapter4[data-v-937a6ed6]{background-color:#4caf50;border-color:#000}.content-card[data-v-937a6ed6]{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:1}.content-card[data-v-937a6ed6]::-webkit-scrollbar{width:8px}.content-card[data-v-937a6ed6]::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.content-card[data-v-937a6ed6]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.content-card[data-v-937a6ed6]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.chapter-header[data-v-937a6ed6]{padding:10px 15px;height:45px}.breadcrumb[data-v-937a6ed6]{font-size:12px}.breadcrumb-item[data-v-937a6ed6]{padding:2px 6px}.chapter-main[data-v-937a6ed6]{flex-direction:column;gap:20px;padding:20px}.sidebar-menu[data-v-937a6ed6]{width:100%;flex-direction:row;overflow-x:auto;gap:10px}.menu-tab[data-v-937a6ed6]{min-width:80px;padding:12px 8px}.tab-icon[data-v-937a6ed6]{font-size:var(--font-size-xl)}.tab-label[data-v-937a6ed6]{font-size:var(--font-size-xs)}}