.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;padding:70px 20px 20px;background:linear-gradient(135deg,#ffe0b2,#fff3d6);backdrop-filter:blur(8px);border-right:1px solid var(--border-color);overflow-y:auto;transform:translateX(-100%) !important;transition:transform 0.3s ease-in-out !important;z-index:1050 !important;font-family:"Helvetica Neue",Arial,sans-serif;will-change:transform;backface-visibility:hidden;display:block !important;visibility:visible !important;left:0 !important}.sidebar.open{transform:translateX(0) !important;display:block !important;visibility:visible !important;left:0 !important}.sidebar-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:0.8rem;padding:8px 4px;position:absolute;top:0;right:0;left:0;height:60px;background:inherit;z-index:10}.sidebar-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(250,140,50,.2);box-shadow:0 2px 8px rgba(250,140,50,.15);transition:all .3s ease;cursor:pointer}.sidebar-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-logo:hover{border-color:rgba(250,140,50,.4);box-shadow:0 4px 16px rgba(250,140,50,.25);transform:scale(1.05)}.sidebar-collapse-btn{background:transparent;border:none;padding:6px;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar-collapse-btn:hover{background:rgba(250,140,50,.1);color:#fa8c32}.sidebar-header small{font-size:.75rem;color:var(--text-secondary)}.sidebar-section{margin-top:2rem}.sidebar-section h3{margin-bottom:.5rem;font-size:1rem;color:#333}.nav-list,.sub-list{list-style:none;margin:0;padding:0}.nav-list li{margin-bottom:1rem}.nav-list a{text-decoration:none;color:#4a3429;font-size:.95rem;font-weight:500;padding:8px 12px;border-radius:8px;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;display:block;text-shadow:0 1px 2px rgba(255,255,255,.5)}.nav-list a:hover{color:#fa8c32;background:rgba(250,140,50,.1);transform:translateX(4px);box-shadow:0 4px 12px rgba(250,140,50,.15)}.nav-list a:active{transform:translateX(2px)}.group-header.collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.group-header.collapsible:hover .toggle-icon{color:#fa8c32}.toggle-icon{font-size:.8rem;color:#666;transition:all .3s ease;font-weight:bold}.toggle-icon.expanded{transform:rotate(90deg)}.sub-list{padding-left:1rem;margin-top:.5rem;max-height:500px;overflow:hidden;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.sub-list.collapsed{max-height:0;margin-top:0;opacity:0}.sub-list.expanded{opacity:1}.sub-list li{margin-bottom:.5rem}.sub-list a{color:#6b7280;font-size:.85rem;font-weight:400;padding:6px 16px;border-radius:6px;transition:all .3s ease;position:relative;display:block}.sub-list a:hover{color:#fa8c32;background:rgba(250,140,50,.08);transform:translateX(2px)}.sidebar-footer{margin-top:2rem;padding:0}.qr-container{background:linear-gradient(135deg,rgba(255,224,178,.95) 0,rgba(255,243,214,.9) 50%,rgba(250,140,50,.1) 100%);border-radius:16px;padding:20px;margin-top:24px;box-shadow:0 8px 32px rgba(250,140,50,.15),0 4px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.3);position:relative;overflow:hidden;text-align:center;backdrop-filter:blur(8px);border:2px solid rgba(250,140,50,.2);transition:all .3s ease}.qr-container:hover{transform:translateY(-2px);box-shadow:0 12px 48px rgba(250,140,50,.25),0 6px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.4)}.qr-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(250,140,50,.08) 0,transparent 40%);animation:subtle-rotate 20s linear infinite;pointer-events:none}@keyframes subtle-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.qr-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;justify-content:center;position:relative;z-index:1}.qr-icon{color:#fa8c32;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(250,140,50,.15);border-radius:8px;border:1px solid rgba(250,140,50,.3);box-shadow:0 2px 8px rgba(250,140,50,.2)}.qr-title{color:#4a3429;font-weight:700;font-size:.95rem;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.3px}.qr-image-wrapper{position:relative;display:inline-block;margin:16px auto 18px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.98);padding:8px;box-shadow:0 8px 24px rgba(250,140,50,.2),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.9);border:2px solid rgba(250,140,50,.15);transition:all .3s ease}.qr-image-wrapper:hover{transform:scale(1.03);box-shadow:0 12px 32px rgba(250,140,50,.3),0 6px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.95)}.qr-image-wrapper img{width:110px;height:110px;display:block;margin:0 auto;border-radius:8px;object-fit:contain}.qr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.scan-line{position:absolute;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,rgba(250,140,50,.6),rgba(255,187,51,.8),rgba(250,140,50,.6),transparent);border-radius:1px;animation:elegant-scan 2.5s ease-in-out infinite}@keyframes elegant-scan{0%,100%{top:8px;opacity:0}20%{opacity:.6}50%{top:50%;opacity:1;transform:translateY(-50%)}80%{opacity:.6}}.discord-qr,.wechat-qr{display:none;opacity:0;transition:opacity .3s cubic-bezier(.4, 0, .2, 1)}html[lang=zh-CN] .wechat-qr{display:block;animation:qr-fade-in .4s ease-out forwards}html[lang=zh-CN] .discord-qr{display:none}html[lang=en] .wechat-qr{display:none}html[lang=en] .discord-qr{display:block;animation:qr-fade-in .4s ease-out forwards}@keyframes qr-fade-in{0%{opacity:0;transform:scale(.9) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.qr-image-wrapper.qr-switching-out{animation:qr-fade-out .2s ease-in forwards}.qr-image-wrapper.qr-switching-in{animation:qr-fade-in .3s ease-out forwards}@keyframes qr-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.95) translateY(-5px)}}.menu-toggle{position:fixed;top:10px;left:20px;background:0 0;border:none;font-size:1.5rem;color:var(--primary-color);cursor:pointer;z-index:1100;padding:8px;border-radius:4px;transition:background-color var(--transition-fast)}.menu-toggle:hover{background:rgba(250,140,50,.1)}.menu-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;display:none}.overlay.active{opacity:1;pointer-events:auto;display:block}@media (min-width:1200px){.sidebar{width:280px}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:200px}}@media (max-width:768px){.sidebar{width:200px;padding:70px 14px 14px;overflow-y:visible !important;height:auto !important;min-height:100vh !important}.sidebar.open~.content{margin-left:200px;width:calc(100% - 200px)}.sidebar-header h2{font-size:1.3rem}.nav-list a{font-size:1rem;padding:8px 0;display:block}.sub-list a{font-size:.95rem}.menu-toggle{top:12px;left:12px;font-size:1.6rem;padding:10px}.qr-container{padding:18px;margin-top:20px;border-radius:14px}.qr-image-wrapper img{width:85px;height:85px}}@media (max-width:600px) and (min-width:481px){.sidebar{width:180px;padding:65px 10px 10px}.sidebar.open~.content{margin-left:180px;width:calc(100% - 180px)}}@media (max-width:480px) and (min-width:376px){.sidebar{width:160px;padding:60px 8px 8px}.sidebar.open~.content{margin-left:160px;width:calc(100% - 160px)}}@media (max-width:375px) and (min-width:361px){.sidebar{width:140px;padding:55px 6px 6px}.sidebar.open~.content{margin-left:140px;width:calc(100% - 140px)}}@media (max-width:360px){.sidebar{width:120px;padding:50px 4px 4px}.overlay.active{opacity:.3;pointer-events:auto}.sidebar.open~.content{margin-left:0}.qr-container{padding:14px;margin-top:16px;border-radius:10px}.qr-image-wrapper img{width:65px;height:65px}.sidebar-header h2{font-size:1.1rem}.nav-list a{font-size:.85rem;padding:6px 4px}}.nav-list a:focus,.sub-list a:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(250,140,50,.1)}@media (prefers-reduced-motion:reduce){.nav-list a,.qr-container,.qr-image-wrapper,.sidebar,.sub-list a{transition:none}.qr-container::before,.scan-line{animation:none}}@media (prefers-contrast:high){.sidebar{border-right:2px solid var(--border-color)}.nav-list a,.sub-list a{border:1px solid transparent}.nav-list a:hover,.sub-list a:hover{border-color:var(--primary-color)}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.9));border-right:1px solid rgba(148,163,184,.2)}.sidebar-header h2{color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.nav-list a{color:#cbd5e1;text-shadow:none}.nav-list a:hover{color:#fa8c32;background:rgba(250,140,50,.15)}.sub-list a{color:#94a3b8}}