:root{--bg:#fafafc;--white:#fff;--border:#e7e8ee;--border-soft:#eff0f4;--ink:#0b0c14;--mid:#565f6e;--muted:#97a0ac;--blue:#3756f9;--blue2:#2541d6;--bluebg:#eef1fe;--violet:#7b5cfa;--violetbg:#f4f1fe;--green:#0d9668;--greenbg:#ecfdf6;--amber:#d97706;--amberbg:#fffbeb;--red:#dc2626;--redbg:#fef2f2;--purple:#7c3aed;--purplebg:#f5f3ff;--font:"Plus Jakarta Sans",sans-serif;--mono:"JetBrains Mono",monospace;--radius:14px;--radius-sm:9px;--radius-lg:20px;--shadow-xs:0 1px 2px #0b0c140a;--shadow-sm:0 2px 8px #0b0c140d,0 1px 2px #0b0c140a;--shadow-md:0 8px 24px #0b0c1412,0 2px 6px #0b0c140a;--shadow-lg:0 20px 48px #0b0c141f,0 4px 12px #0b0c140d;--shadow-glow:0 0 0 1px #3756f91a,0 10px 28px #3756f929;--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}::selection{background:var(--bluebg);color:var(--blue2)}nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-soft);background:#ffffffc7;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:sticky;top:0}.logo{color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.logo span{background:linear-gradient(135deg,var(--blue),var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-r{align-items:center;gap:8px;display:flex}.translate-btn{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);color:var(--mid);cursor:pointer;transition:all .18s var(--ease);margin-left:8px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-block}.translate-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--bluebg)}.dropdown{position:relative}.dropdown-btn{color:var(--mid);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);transition:background .18s var(--ease),color .18s var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:7px 14px;display:flex}.dropdown-btn:hover{background:var(--bluebg);color:var(--blue)}.dropdown-btn .arrow{transition:transform .2s var(--ease);font-size:10px}.dropdown.open .dropdown-btn{background:var(--bluebg);color:var(--blue)}.dropdown.open .arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--white);border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);z-index:200;border-radius:16px;min-width:230px;max-height:calc(100vh - 80px);padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.dropdown.open .dropdown-menu{animation:rk-pop .16s var(--ease);display:block}@keyframes rk-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.dropdown-section{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:8px 12px 4px;font-size:10px;font-weight:700}.dropdown-item{color:var(--mid);transition:background .14s var(--ease),color .14s var(--ease);white-space:nowrap;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:block}.dropdown-item:hover{background:var(--bluebg);color:var(--blue)}.dropdown-item.active{color:var(--blue);background:var(--bluebg);font-weight:600}.dropdown-item .item-icon{margin-right:8px}.dropdown-divider{background:var(--border-soft);height:1px;margin:6px 8px}.en-flag{opacity:.55;margin-left:6px;font-size:10px;font-weight:600}footer{background:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:32px 48px;display:flex}.flogo{color:#fff;font-size:16px;font-weight:700}.flogo span{background:linear-gradient(135deg,#7b8cff,var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.fcopy{color:#ffffff52;font-size:12px}.flinks{flex-wrap:wrap;gap:16px;list-style:none;display:flex}.flinks a{color:#ffffff73;transition:color .18s var(--ease);font-size:12px}.flinks a:hover{color:#fff}@media (width<=768px){nav{padding:0 20px}footer{flex-direction:column;align-items:flex-start;padding:24px 20px}}