.sites-item.onenav-pm-has-modal,
.post-item.onenav-pm-has-modal,
.post-item,
.sites-item {
    position: relative;
}

.onenav-pm-platform-icons {
    position: absolute;
    top: 2px;
    right: 3px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    pointer-events: none;
}

.onenav-pm-platform-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    background-color: transparent;
    filter:
        drop-shadow(0 1px 0 rgba(255,255,255,.78))
        drop-shadow(0 4px 7px rgba(30,35,70,.24));
}

.onenav-pm-platform-icon--win {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230078d4' d='M3 5.5 11 4v7.5H3V5.5Zm0 13L11 20v-7.5H3v6Zm9 1.5 9 1.5V12.5h-9V20Zm0-16v7.5h9V2.5L12 4Z'/></svg>");
}

.onenav-pm-platform-icon--ios {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='3' y1='2' x2='21' y2='22'><stop stop-color='%23ff7ad9'/><stop offset='.5' stop-color='%237c5cff'/><stop offset='1' stop-color='%2356c2ff'/></linearGradient></defs><path fill='url(%23g)' d='M16.4 12.7c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.9-3.5.9-.7 0-1.9-.9-3.1-.9-1.6 0-3.1.9-3.9 2.4-1.7 2.9-.4 7.1 1.2 9.4.8 1.1 1.7 2.4 2.9 2.4 1.2 0 1.6-.7 3-.7 1.4 0 1.8.7 3 .7 1.3 0 2.1-1.1 2.9-2.3.9-1.3 1.3-2.6 1.3-2.7 0 0-2.5-1-2.4-3.9ZM14.6 5.7c.6-.8 1-1.9.9-3-1 0-2.1.6-2.8 1.4-.6.7-1.1 1.8-.9 2.9 1.1.1 2.2-.5 2.8-1.3Z'/></svg>");
}

.onenav-pm-platform-icon--android {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='%233ddc84'><path d='M8.3 4.8 7.2 2.9a.55.55 0 0 1 .96-.55l1.16 2A7.9 7.9 0 0 1 12 3.9c.94 0 1.84.16 2.68.46l1.16-2a.55.55 0 1 1 .96.55l-1.1 1.9A6.55 6.55 0 0 1 18.78 9H5.22A6.55 6.55 0 0 1 8.3 4.8Z'/><path d='M5 10h14v6.8A2.2 2.2 0 0 1 16.8 19H7.2A2.2 2.2 0 0 1 5 16.8V10Z'/><rect x='2.8' y='10.4' width='1.6' height='6.4' rx='.8'/><rect x='19.6' y='10.4' width='1.6' height='6.4' rx='.8'/><rect x='7.6' y='18.2' width='2' height='3.2' rx='1'/><rect x='14.4' y='18.2' width='2' height='3.2' rx='1'/></g><g fill='%23fff'><circle cx='9.4' cy='7' r='.65'/><circle cx='14.6' cy='7' r='.65'/></g></svg>");
}

.onenav-pm-platform-icon--qq {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='4' y1='2' x2='20' y2='22'><stop stop-color='%2347b6ff'/><stop offset='1' stop-color='%23006dff'/></linearGradient></defs><path fill='url(%23g)' d='M12 2.6c-3 0-5.1 2.6-5.1 6.2 0 1.2-.3 2.2-.8 3.2l-.9 1.7 1.8.3c.2 1.2.8 2.3 1.7 3L7.8 20l2.7-1.3c.5.1 1 .2 1.5.2s1-.1 1.5-.2L16.2 20l-.9-3c.9-.7 1.5-1.8 1.7-3l1.8-.3-.9-1.7c-.5-1-.8-2-.8-3.2 0-3.6-2.1-6.2-5.1-6.2Z'/><path fill='%23fff' d='M9.2 8.1a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2Zm5.6 0a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2Zm-5.1 3.3c1.3.8 3.3.8 4.6 0 .3-.2.7.2.5.5-.4.8-1.5 1.6-2.8 1.6s-2.4-.8-2.8-1.6c-.2-.3.2-.7.5-.5Z'/></svg>");
}

.onenav-pm-platform-icon--wechat {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='3' y1='3' x2='21' y2='21'><stop stop-color='%2359e68a'/><stop offset='1' stop-color='%2307c160'/></linearGradient></defs><path fill='url(%23g)' d='M10.2 5C6.2 5 3 7.5 3 10.6c0 1.8 1.1 3.4 2.8 4.4l-.5 2 2.4-1.2c.8.2 1.6.4 2.5.4 4 0 7.2-2.5 7.2-5.6S14.2 5 10.2 5Z'/><path fill='%2384f6ad' d='M15 10.2c3.4 0 6 2.1 6 4.7 0 1.5-.9 2.8-2.2 3.7l.4 1.6-2-1c-.7.2-1.4.3-2.2.3-3.4 0-6-2.1-6-4.6s2.6-4.7 6-4.7Z'/><g fill='%23fff'><circle cx='7.7' cy='9.8' r='.8'/><circle cx='12.4' cy='9.8' r='.8'/><circle cx='13.2' cy='14.3' r='.65'/><circle cx='17.1' cy='14.3' r='.65'/></g></svg>");
}

.onenav-pm-platform-icon--mp {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2307c160' d='M8.08 16.04 7.5 19.12c-2.8-1.37-4.62-4.18-4.62-7.36 0-1.88.65-3.7 1.84-5.16.28 2.32 1.66 4.52 3.72 6.12.66.52 1.36.95 2.08 1.3l-2.44 2.02Z'/><path fill='%2307c160' d='M7.72 13.34C5.38 10.16 6.1 5.58 9.54 3.22c3.5-2.4 8.38-1.7 11.02 1.55-4.76-.92-9.94 1.12-12.84 8.57Z'/><path fill='%2307c160' d='M13.02 7.36c3.96-.56 7.7 2.08 8.52 6.03.86 4.13-1.48 8.2-5.32 9.3 2.06-3.78 2.22-8.56.05-11.72-1.02-1.48-2.25-2.54-3.25-3.61Z'/><path fill='%2307c160' d='M16.12 12.3c-.55 2.4-2.06 4.52-4.4 5.78-2.7 1.45-5.94 1.3-8.44-.28 1.66 3 4.87 4.96 8.48 4.96 4.64 0 8.54-3.24 9.48-7.58-1.33.82-3.02.44-5.12-2.88Z'/></svg>");
}

.onenav-pm-platform-icon--mobile {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='6' y1='2' x2='18' y2='22'><stop stop-color='%2356e0ff'/><stop offset='.5' stop-color='%236d7cff'/><stop offset='1' stop-color='%23ff7ad9'/></linearGradient></defs><rect x='7' y='2.4' width='10' height='19.2' rx='2.4' fill='url(%23g)'/><rect x='8.5' y='5.1' width='7' height='12.8' rx='1' fill='%23fff' opacity='.9'/><circle cx='12' cy='19.2' r='.8' fill='%23fff'/></svg>");
}

.onenav-pm-platform-icon--tv {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='3' y1='4' x2='21' y2='18'><stop stop-color='%23ff9f43'/><stop offset='.5' stop-color='%23ff5fa2'/><stop offset='1' stop-color='%23795cff'/></linearGradient></defs><rect x='3.2' y='5' width='17.6' height='12.2' rx='2.2' fill='url(%23g)'/><rect x='5.1' y='6.9' width='13.8' height='8.4' rx='1.2' fill='%23fff' opacity='.86'/><path fill='%23666dff' d='M9.4 20.2h5.2a.8.8 0 0 0 0-1.6H9.4a.8.8 0 0 0 0 1.6Z'/><path fill='%23fff' d='m8.2 3.4 2.1 1.7h3.4l2.1-1.7a.7.7 0 1 0-.9-1.1L12 4.6 9.1 2.3a.7.7 0 1 0-.9 1.1Z'/></svg>");
}

.onenav-pm-card-trigger {
    cursor: pointer;
}

.onenav-pm-download-icon {
    position: absolute;
    right: 9px;
    bottom: 3px;
    z-index: 31;
    min-width: 56px;
    height: 28px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #ff7a00;
    background:
        linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.12)),
        linear-gradient(135deg, rgba(255, 218, 96, .62) 0%, rgba(255, 156, 46, .50) 48%, rgba(255, 116, 189, .34) 100%);
    border: 1px solid rgba(255, 150, 32, .42);
    box-shadow:
        0 10px 22px rgba(255, 143, 36, .26),
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -1px 0 rgba(255, 132, 0, .14);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .5px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.74);
    max-width: calc(100% - 18px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.onenav-pm-download-icon:hover {
    color: #ff6800;
    transform: translateY(-1px);
    filter: saturate(1.08) brightness(1.03);
    box-shadow:
        0 14px 30px rgba(255, 143, 36, .36),
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -1px 0 rgba(255, 132, 0, .18);
    text-decoration: none;
}

.onenav-pm-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
}

.onenav-pm-modal[aria-hidden="false"] {
    display: block;
}

.onenav-pm-modal__mask {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 16%, rgba(255, 167, 214, .34), transparent 30%),
        radial-gradient(circle at 84% 12%, rgba(117, 202, 255, .36), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(166, 132, 255, .24), transparent 42%),
        rgba(17, 22, 45, .52);
    backdrop-filter: blur(13px) saturate(165%);
}

.onenav-pm-modal__panel {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(760px, 92vw);
    max-height: 86vh;
    overflow: auto;
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.86), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(255,255,255,.58), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.36), rgba(255,255,255,.12)),
        linear-gradient(135deg, #ffc6e7 0%, #d7c8ff 44%, #9ddfff 100%);
    border: 1px solid rgba(255,255,255,.78);
    box-shadow:
        0 38px 120px rgba(76, 70, 155, .34),
        0 18px 48px rgba(90, 190, 255, .20),
        0 12px 34px rgba(255, 128, 195, .20),
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(102, 112, 190, .18);
    animation: onenav-pm-pop .28s cubic-bezier(.2,.8,.2,1) both;
    color: #27304f;
}

.onenav-pm-modal__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(120deg, rgba(255,255,255,.54) 0%, rgba(255,255,255,0) 30%),
        radial-gradient(96% 72% at 8% 0%, rgba(255,255,255,.48), transparent 58%),
        radial-gradient(72% 68% at 100% 100%, rgba(117,202,255,.26), transparent 62%),
        radial-gradient(64% 58% at 0% 100%, rgba(255,149,211,.22), transparent 62%);
    border-radius: inherit;
    z-index: 0;
}

.onenav-pm-modal__panel > * {
    position: relative;
    z-index: 1;
}

.onenav-pm-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.84));
    color: #6370d8;
    box-shadow:
        0 10px 24px rgba(92, 120, 218, .24),
        inset 0 1px 0 rgba(255,255,255,.9);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
}

.onenav-pm-modal__inner {
    min-height: 180px;
}

.onenav-pm-loading {
    padding: 72px 24px;
    text-align: center;
    color: rgba(255,255,255,.92);
}

.onenav-pm-popup {
    padding: 34px;
    color: #27304f;
}

.onenav-pm-popup__head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding-right: 0;
    margin-bottom: 20px;
    padding: 4px 48px 20px;
    border-bottom: 1px solid rgba(255,255,255,.48);
    position: relative;
}

.onenav-pm-popup__head::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: min(220px, 42%);
    height: 3px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #ff78c7, #8d8cff, #5cc8ff);
    box-shadow: 0 6px 18px rgba(118, 143, 255, .32);
}

.onenav-pm-popup__head h2 {
    margin: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: clamp(24px, 3.2vw, 34px);
    line-height: 1.15;
    letter-spacing: -.02em;
    font-weight: 900;
    color: #26306f;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.94), rgba(255,255,255,0) 32%),
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(245,250,255,.58));
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 999px;
    padding: 10px 24px;
    box-shadow:
        0 14px 34px rgba(95, 125, 220, .18),
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 0 -1px 0 rgba(112, 132, 210, .12);
    text-shadow:
        0 1px 0 rgba(255,255,255,.88),
        0 8px 20px rgba(103, 113, 198, .18);
}

.onenav-pm-popup__head .onenav-pm-platform-icons {
    position: absolute;
    right: 52px;
    top: 6px;
    flex: 0 0 auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.onenav-pm-popup__content {
    position: relative;
    color: #283250;
    background:
        radial-gradient(circle at 9% 8%, rgba(255,255,255,.76), transparent 26%),
        radial-gradient(circle at 94% 12%, rgba(255,255,255,.58), transparent 28%),
        linear-gradient(135deg, rgba(255,226,244,.96) 0%, rgba(228,232,255,.95) 48%, rgba(206,241,255,.96) 100%);
    border: 1px solid rgba(255,255,255,.84);
    border-radius: 24px;
    padding: 24px 26px;
    line-height: 1.86;
    font-size: 15px;
    box-shadow:
        0 24px 58px rgba(88, 114, 190, .20),
        0 12px 34px rgba(255, 142, 210, .16),
        0 2px 0 rgba(255,255,255,.68) inset;
    overflow: hidden;
}

.onenav-pm-popup__content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff72c5, #9a8cff, #5ccfff);
    box-shadow: 0 6px 18px rgba(121, 151, 255, .22);
}

.onenav-pm-popup__content p {
    margin-top: 0;
}

.onenav-pm-popup__content p:last-child {
    margin-bottom: 0;
}

.onenav-pm-popup__content a {
    color: #6870ff;
    word-break: break-all;
}

.onenav-pm-url-info {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(255,255,255,.65);
    color: #475467;
    font-size: 13px;
    line-height: 1.55;
    box-shadow: 0 10px 22px rgba(60,30,120,.18);
}

.onenav-pm-url-info span {
    font-weight: 700;
    color: #30384d;
}

.onenav-pm-url-info a {
    color: #6870ff;
    word-break: break-all;
}

.onenav-pm-preview {
    margin: 0 0 20px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.50);
    box-shadow:
        0 22px 50px rgba(50,24,105,.26),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.onenav-pm-preview img {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: cover;
}

.onenav-pm-code {
    margin-top: 20px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    background: linear-gradient(145deg, #151027, #0b1020);
    box-shadow: 0 18px 36px rgba(32,16,78,.24);
}

.onenav-pm-code__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    color: #dbeafe;
    background: rgba(255,255,255,.06);
    font-size: 13px;
}

.onenav-pm-code pre {
    margin: 0;
    padding: 14px;
    overflow: auto;
    color: #e5e7eb;
    white-space: pre-wrap;
}

.onenav-pm-copy,
.onenav-pm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .01em;
    cursor: pointer;
    text-decoration: none;
}

.onenav-pm-copy {
    color: #fff;
    background: linear-gradient(135deg, #8a4bff, #56c2ff);
    box-shadow: 0 8px 20px rgba(86,89,255,.28);
}

.onenav-pm-popup__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,.32);
    border: 1px solid rgba(255,255,255,.44);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.42),
        0 16px 38px rgba(93, 116, 195, .14);
}

.onenav-pm-btn {
    min-height: 31px;
    min-width: 86px;
    padding: 7px 12px;
    font-size: 12px;
    color: #2b1d45;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,241,255,.90));
    box-shadow:
        0 12px 26px rgba(45,22,95,.18),
        inset 0 1px 0 rgba(255,255,255,.88);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.onenav-pm-btn--primary {
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 46%),
        linear-gradient(135deg, #8a4bff 0%, #5d6dff 48%, #56c2ff 100%);
    box-shadow:
        0 14px 30px rgba(94,86,255,.38),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -2px 6px rgba(40,40,150,.22);
    text-shadow: 0 1px 2px rgba(30,20,90,.24);
}

.onenav-pm-btn--download {
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,0) 46%),
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.55), transparent 30%),
        linear-gradient(135deg, #ffb13b 0%, #ff7a1a 48%, #f05a16 100%);
    box-shadow:
        0 14px 30px rgba(255,122,26,.42),
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 0 -2px 5px rgba(132,50,0,.26);
    text-shadow: 0 1px 2px rgba(120,46,0,.28);
}

.onenav-pm-btn:hover {
    transform: translateY(-2px);
    filter: saturate(1.06);
    text-decoration: none;
}

.onenav-pm-btn--primary:hover {
    color: #fff;
    box-shadow:
        0 18px 38px rgba(94,86,255,.48),
        inset 0 1px 0 rgba(255,255,255,.50),
        inset 0 -2px 6px rgba(40,40,150,.26);
}

.onenav-pm-btn--download:hover {
    color: #fff;
    box-shadow:
        0 14px 30px rgba(255,122,26,.52),
        inset 0 1px 0 rgba(255,255,255,.68),
        inset 0 -2px 6px rgba(132,50,0,.3);
}

body.onenav-pm-no-scroll {
    overflow: hidden;
}

@keyframes onenav-pm-pop {
    from { opacity: 0; transform: translate(-50%, -48%) scale(.96); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@media (max-width: 768px) {
    .onenav-pm-platform-icons {
        top: 2px;
        right: 3px;
        gap: 3px;
    }
    .onenav-pm-platform-icon {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .onenav-pm-download-icon {
        right: 7px;
        bottom: 3px;
        min-width: 48px;
        height: 24px;
        padding: 0 9px;
        font-size: 11px;
    }
    .onenav-pm-popup {
        padding: 22px;
    }
    .onenav-pm-popup__head h2 {
        font-size: 20px;
        padding: 8px 18px;
    }
}