.cpnav{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);font-family:inherit}
.cpnav *{box-sizing:border-box}
.cpnav .cp-bar{max-width:1160px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cpnav .cp-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}
.cpnav .cp-logo img{width:36px;height:36px;border-radius:8px}
.cpnav .cp-logo em{font-style:normal;color:#22c55e}
.cpnav .cp-desk{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.cpnav .cp-desk>li{position:relative}
.cpnav .cp-desk a,.cpnav .cp-desk button{color:#e5e7eb;text-decoration:none;font:inherit;font-size:15px;background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer;display:block}
.cpnav .cp-desk a:hover,.cpnav .cp-desk button:hover{background:rgba(255,255,255,.08);color:#fff}
.cpnav .cp-dd{position:absolute;top:100%;left:0;min-width:260px;background:#111a33;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;list-style:none;margin:6px 0 0;box-shadow:0 20px 40px rgba(0,0,0,.4);display:none}
.cpnav .cp-dd.open{display:block}
.cpnav .cp-wa{background:#22c55e!important;color:#06210f!important;font-weight:700}
.cpnav .cp-app{border:1px solid rgba(255,255,255,.25)!important}
.cpnav .cp-burger{display:none;width:44px;height:44px;border:0;background:none;color:#fff;cursor:pointer;padding:10px}
.cpnav .cp-burger span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:2px}
.cp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;opacity:0;visibility:hidden;transition:.25s}
.cp-drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,340px);background:#fff;color:#111;z-index:70;transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column;overflow-y:auto;font-family:inherit}
.cp-open .cp-overlay{opacity:1;visibility:visible}
.cp-open .cp-drawer{transform:none}
.cp-open{overflow:hidden}
.cp-drawer .cp-dh{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}
.cp-drawer .cp-logo{justify-content:flex-start;width:auto;padding:0;color:#0b1020;font-weight:800;font-size:20px;text-decoration:none;display:flex;align-items:center;gap:8px}
.cp-drawer .cp-logo em{font-style:normal;color:#16a34a}
.cp-drawer .cp-logo img{width:34px;height:34px;border-radius:8px}
.cp-drawer .cp-close{width:44px;height:44px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#111}
.cp-drawer ul{list-style:none;margin:0;padding:0}
.cp-drawer>ul>li{border-bottom:1px solid #eee}
.cp-drawer a,.cp-drawer .cp-sub{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;color:#111;text-decoration:none;font:inherit;font-size:16px;background:none;border:0;text-align:left;cursor:pointer}
.cp-drawer .cp-sub::after{content:"+";font-size:22px;color:#555}
.cp-drawer .cp-sub[aria-expanded=true]::after{content:"−"}
.cp-drawer .cp-sublist{display:none;background:#f6f7f9}
.cp-drawer .cp-sublist.open{display:block}
.cp-drawer .cp-sublist a{padding:12px 32px;font-size:15px;color:#333}
.cp-drawer .cp-dwa{width:auto;margin:18px;background:#22c55e;color:#06210f;border-radius:10px;justify-content:center;font-weight:700}
@media (max-width:900px){.cpnav .cp-desk{display:none}.cpnav .cp-burger{display:block}}
@media (min-width:901px){.cp-drawer,.cp-overlay{display:none}}