#root{min-height:100vh}html{scroll-behavior:smooth}.language-switcher{display:inline-flex;gap:5px;align-items:center}.language-switcher .lang-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.language-switcher .lang-btn:hover,.language-switcher .lang-btn.active{background:var(--theme-color, #ffb118);border-color:var(--theme-color, #ffb118);color:#fff}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#ffb118,#ff8c00);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #ffb11866;transition:all .3s ease;animation:fadeInUp .3s ease;display:flex;align-items:center;justify-content:center}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px #ffb11899;background:linear-gradient(135deg,#ff8c00,#ffb118)}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top i{animation:bounce 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.scroll-to-top{width:45px;height:45px;bottom:20px;right:20px;font-size:18px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;border-top:5px solid #ffb118}.modal-close{position:absolute;top:20px;right:20px;background:#0000001a;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;transition:all .3s ease;z-index:10}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-header{padding:40px 40px 30px;text-align:center;border-radius:20px 20px 0 0}.modal-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:20px}.modal-icon img{width:100%;height:100%;object-fit:contain}.modal-title{font-size:32px;font-weight:700;margin:0;font-family:"Baloo 2",cursive}.modal-body{padding:30px 40px 40px;line-height:1.8}.markdown-h1{font-size:28px;font-weight:700;margin:30px 0 20px;color:#333;font-family:"Baloo 2",cursive}.markdown-h2{font-size:24px;font-weight:600;margin:25px 0 15px;color:#444;font-family:"Baloo 2",cursive}.markdown-h3{font-size:20px;font-weight:600;margin:20px 0 10px;color:#555;font-family:"Baloo 2",cursive}.markdown-p{margin:15px 0;color:#666;font-size:16px}.markdown-ul,.markdown-ol{margin:15px 0;padding-left:30px}.markdown-li{margin:8px 0;color:#666;font-size:16px}.markdown-strong{font-weight:700;color:#333}.markdown-em{font-style:italic;color:#555}.markdown-blockquote{border-left:4px solid #ffb118;padding:15px 20px;margin:20px 0;background:#f9f9f9;font-style:italic;color:#666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content{max-width:95%;border-radius:15px}.modal-header{padding:30px 20px 20px}.modal-body{padding:20px}.modal-title{font-size:24px}.modal-icon{width:60px;height:60px}.markdown-h1{font-size:22px}.markdown-h2{font-size:20px}.markdown-h3{font-size:18px}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}