/* Source: favorites-note public widget; pages: home/search/tag/category/detail; modules: site/app/article. */
/* YmNav Favorites Note v1.1.2 — centered panel */
#ymfnWrap,
.ymfn-wrap,
.ymfn-fav-btn{
    --ymfn-primary:#1f3a5f;
    --ymfn-primary-hover:#172d4b;
    --ymfn-text:#172033;
    --ymfn-muted:#748094;
    --ymfn-line:#e5e9f0;
    --ymfn-line-strong:#d8dee8;
    --ymfn-panel:#fbfcfe;
    --ymfn-card:#ffffff;
    --ymfn-soft:#f4f6f9;
    --ymfn-danger:#d94b64;
}
#ymfnWrap,
.ymfn-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    vertical-align:middle;
    box-sizing:border-box;
}
#ymfnWrap *,
.ymfn-wrap *{box-sizing:border-box}

.ymfn-note-btn,
.ymfn-fav-btn{
    -webkit-appearance:none;
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:0;
    border:1px solid transparent;
    border-radius:12px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    text-decoration:none!important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ymfn-note-btn{
    min-width:58px;
    height:38px;
    padding:0 13px;
    background:var(--ymfn-primary);
    color:#fff!important;
    border-color:rgba(255,255,255,.12);
    box-shadow:0 8px 22px rgba(23,32,51,.18);
    font-size:13px;
    letter-spacing:.01em;
}
.ymfn-note-btn:hover{
    background:var(--ymfn-primary-hover);
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 11px 26px rgba(23,32,51,.22);
}
.ymfn-note-btn:active{transform:translateY(0)}
.ymfn-note-btn:focus-visible,
.ymfn-fav-btn:focus-visible,
.ymfn-panel button:focus-visible,
.ymfn-panel a:focus-visible,
.ymfn-memo-text:focus-visible{
    outline:0;
    box-shadow:0 0 0 4px rgba(49,94,251,.16)!important;
}
.ymfn-note-icon,
.ymfn-fav-icon{
    width:15px;
    height:15px;
    flex:0 0 auto;
    display:block;
}
.ymfn-count{
    display:inline-grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:10px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
}

#ymfnPanel.ymfn-panel,
.ymfn-panel{
    position:absolute;
    top:calc(100% + 12px);
    right:auto;
    left:50%;
    z-index:99999;
    width:min(436px,calc(100vw - 24px));
    max-height:min(76vh,720px);
    padding:16px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    color:var(--ymfn-text)!important;
    background:var(--ymfn-panel)!important;
    border:1px solid var(--ymfn-line-strong)!important;
    border-radius:22px!important;
    box-shadow:0 24px 64px rgba(15,23,42,.20),0 4px 14px rgba(15,23,42,.07)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(calc(-50% + var(--ymfn-shift-x,0px))) translateY(-7px) scale(.985);
    transform-origin:top center;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    color-scheme:light;
    isolation:isolate;
}
#ymfnPanel.ymfn-panel.open,
.ymfn-panel.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(calc(-50% + var(--ymfn-shift-x,0px))) translateY(0) scale(1);
}
.ymfn-panel::-webkit-scrollbar{width:8px}
.ymfn-panel::-webkit-scrollbar-track{background:transparent;margin:14px 0}
.ymfn-panel::-webkit-scrollbar-thumb{background:#cbd2dc;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.ymfn-panel::-webkit-scrollbar-thumb:hover{background:#aeb8c6;background-clip:padding-box}
.ymfn-panel{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent}
.ymfn-panel a{color:inherit!important;text-decoration:none!important}

.ymfn-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 15px;
    padding:0 0 15px;
    border-bottom:1px solid var(--ymfn-line);
}
.ymfn-head-main{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
}
.ymfn-head-mark{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background:var(--ymfn-primary);
    color:#fff;
    box-shadow:0 8px 18px rgba(31,58,95,.16);
}
.ymfn-head-mark svg{width:18px;height:18px;display:block}
.ymfn-head-copy{min-width:0}
.ymfn-head strong{
    display:block;
    overflow:hidden;
    color:var(--ymfn-text)!important;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:.01em;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ymfn-head small{
    display:block;
    margin-top:3px;
    color:var(--ymfn-muted)!important;
    font-size:11px;
    font-weight:500;
    line-height:1.35;
}
.ymfn-head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex:0 0 auto;
}
.ymfn-total{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 9px;
    border:1px solid var(--ymfn-line);
    border-radius:9px;
    background:var(--ymfn-soft);
    color:var(--ymfn-muted);
    font-size:11px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.ymfn-clear,
.ymfn-close{
    -webkit-appearance:none;
    appearance:none;
    display:inline-grid;
    place-items:center;
    height:28px;
    margin:0;
    border:1px solid var(--ymfn-line);
    border-radius:9px;
    background:var(--ymfn-card);
    color:var(--ymfn-muted);
    cursor:pointer;
    transition:.18s ease;
}
.ymfn-clear{
    width:auto;
    padding:0 9px;
    font-size:11px;
    font-weight:700;
}
.ymfn-close{width:28px;padding:0}
.ymfn-close svg{width:13px;height:13px;display:block}
.ymfn-clear:hover,
.ymfn-close:hover{
    border-color:var(--ymfn-line-strong);
    background:var(--ymfn-soft);
    color:var(--ymfn-text);
}
.ymfn-clear:hover{color:var(--ymfn-danger)}

.ymfn-section{margin:15px 0 0}
.ymfn-section:first-of-type{margin-top:0}
.ymfn-section-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 2px 8px;
    color:var(--ymfn-text)!important;
}
.ymfn-section-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}
.ymfn-section-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--ymfn-type-color,#315efb);
    box-shadow:0 0 0 4px var(--ymfn-type-soft,rgba(49,94,251,.10));
}
.ymfn-section-title em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:22px;
    padding:0 7px;
    border-radius:999px;
    background:var(--ymfn-soft);
    color:var(--ymfn-muted)!important;
    font-size:10px;
    font-style:normal;
    font-weight:800;
    font-variant-numeric:tabular-nums;
}
.ymfn-type-site{--ymfn-type-color:#2878c8;--ymfn-type-soft:rgba(40,120,200,.11)}
.ymfn-type-app{--ymfn-type-color:#7659c5;--ymfn-type-soft:rgba(118,89,197,.11)}
.ymfn-type-article{--ymfn-type-color:#18866b;--ymfn-type-soft:rgba(24,134,107,.11)}
.ymfn-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
}
.ymfn-item{
    position:relative;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 28px;
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:58px;
    padding:8px 8px 8px 9px!important;
    overflow:hidden;
    border:1px solid var(--ymfn-line)!important;
    border-radius:15px!important;
    background:var(--ymfn-card)!important;
    color:var(--ymfn-text)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.025)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease;
}
.ymfn-item::before{display:none!important}
.ymfn-item:hover{
    border-color:var(--ymfn-line-strong)!important;
    background:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 9px 22px rgba(15,23,42,.075)!important;
}
.ymfn-icon{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    overflow:hidden;
    border:1px solid var(--ymfn-line)!important;
    border-radius:12px!important;
    background:var(--ymfn-soft)!important;
    color:var(--ymfn-type-color,#315efb)!important;
    font-size:0!important;
}
.ymfn-icon svg{width:18px;height:18px;display:block}
.ymfn-icon img{
    width:100%!important;
    height:100%!important;
    display:block;
    object-fit:cover!important;
    background:#fff;
}
.ymfn-text{min-width:0;display:block}
.ymfn-title{
    display:block!important;
    overflow:hidden;
    color:var(--ymfn-text)!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.4!important;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ymfn-sub{
    display:block!important;
    overflow:hidden;
    margin-top:3px!important;
    color:var(--ymfn-muted)!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.35!important;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ymfn-remove{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--ymfn-muted)!important;
    opacity:.62;
    cursor:pointer;
    transform:none!important;
    transition:.18s ease;
}
.ymfn-remove::before,
.ymfn-remove::after{
    content:"";
    position:absolute;
    width:10px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
}
.ymfn-remove::before{transform:rotate(45deg)}
.ymfn-remove::after{transform:rotate(-45deg)}
.ymfn-remove:hover{
    border-color:#f2cbd2!important;
    background:#fff4f6!important;
    color:var(--ymfn-danger)!important;
    opacity:1;
}

.ymfn-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:132px;
    padding:20px 18px!important;
    border:1px dashed var(--ymfn-line-strong)!important;
    border-radius:17px!important;
    background:var(--ymfn-soft)!important;
    color:var(--ymfn-muted)!important;
    text-align:center;
    font-size:12px!important;
    line-height:1.65!important;
}
.ymfn-empty-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid var(--ymfn-line);
    border-radius:12px;
    background:var(--ymfn-card);
    color:var(--ymfn-primary);
}
.ymfn-empty-icon svg{width:18px;height:18px;display:block}
.ymfn-empty strong{color:var(--ymfn-text);font-size:13px}
.ymfn-empty span{max-width:285px}

.ymfn-memo{
    margin:15px 0 0!important;
    padding:13px!important;
    border:1px solid var(--ymfn-line)!important;
    border-radius:17px!important;
    background:var(--ymfn-soft)!important;
    box-shadow:none!important;
}
.ymfn-memo-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px;
    margin:0 1px 9px!important;
    color:var(--ymfn-text)!important;
    font-size:12px!important;
    font-weight:800!important;
}
.ymfn-memo-label{display:inline-flex;align-items:center;gap:7px}
.ymfn-memo-label svg{width:14px;height:14px;color:var(--ymfn-primary)}
.ymfn-memo-head small{
    color:var(--ymfn-muted)!important;
    font-size:10px!important;
    font-weight:600!important;
}
.ymfn-memo-text{
    display:block;
    width:100%!important;
    min-height:96px!important;
    margin:0!important;
    padding:10px 11px!important;
    resize:vertical!important;
    outline:0!important;
    border:1px solid var(--ymfn-line-strong)!important;
    border-radius:13px!important;
    background:var(--ymfn-card)!important;
    color:var(--ymfn-text)!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
    font:12px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.ymfn-memo-text::placeholder{color:#a0a9b8!important}
.ymfn-memo-text:focus{
    border-color:#8ca6cc!important;
    box-shadow:0 0 0 4px rgba(49,94,251,.09),inset 0 1px 2px rgba(15,23,42,.025)!important;
}
.ymfn-foot{
    margin:14px 1px 0!important;
    padding:12px 1px 0!important;
    border-top:1px solid var(--ymfn-line)!important;
    background:transparent!important;
    color:var(--ymfn-muted)!important;
    font-size:11px!important;
    line-height:1.65!important;
}

.ymfn-fav-btn{
    min-height:38px;
    padding:0 13px;
    border-color:var(--ymfn-line-strong);
    background:#fff;
    color:var(--ymfn-text)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.05);
    font-size:13px;
}
.ymfn-fav-btn:hover{
    border-color:#bdc8d8;
    background:var(--ymfn-soft);
    color:var(--ymfn-primary)!important;
    transform:translateY(-1px);
}
.ymfn-fav-btn.is-saved{
    border-color:var(--ymfn-primary)!important;
    background:var(--ymfn-primary)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(31,58,95,.18)!important;
}
.ymfn-fav-btn.is-saved:hover{background:var(--ymfn-primary-hover)!important}
.ymfn-meta-fav{
    min-height:28px!important;
    margin-left:6px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    box-shadow:none!important;
    font-size:11px!important;
    vertical-align:middle;
}
.ymfn-article-sep{margin-left:5px;color:var(--ymfn-muted,#748094)}

/* Dark themes */
html.dark #ymfnWrap,
body.dark #ymfnWrap,
html[data-theme="dark"] #ymfnWrap,
body[data-theme="dark"] #ymfnWrap,
[data-bs-theme="dark"] #ymfnWrap,
.theme-dark #ymfnWrap,
.dark-mode #ymfnWrap,
body.site-style-neon-hub #ymfnWrap,
body.site-style-NeonHub #ymfnWrap,
body.site-style-musicwave #ymfnWrap,
body.site-style-MusicWave #ymfnWrap,
body.site-style-moviecinema #ymfnWrap,
body.site-style-MovieCinema #ymfnWrap{
    --ymfn-primary:#5f86bd;
    --ymfn-primary-hover:#7398c8;
    --ymfn-text:#edf2f8;
    --ymfn-muted:#9aa8ba;
    --ymfn-line:rgba(148,163,184,.17);
    --ymfn-line-strong:rgba(148,163,184,.27);
    --ymfn-panel:#101722;
    --ymfn-card:#151e2b;
    --ymfn-soft:#0c131d;
    --ymfn-danger:#ff8297;
}
html.dark .ymfn-fav-btn,
body.dark .ymfn-fav-btn,
html[data-theme="dark"] .ymfn-fav-btn,
body[data-theme="dark"] .ymfn-fav-btn,
[data-bs-theme="dark"] .ymfn-fav-btn,
.theme-dark .ymfn-fav-btn,
.dark-mode .ymfn-fav-btn,
body.site-style-neon-hub .ymfn-fav-btn,
body.site-style-NeonHub .ymfn-fav-btn,
body.site-style-musicwave .ymfn-fav-btn,
body.site-style-MusicWave .ymfn-fav-btn,
body.site-style-moviecinema .ymfn-fav-btn,
body.site-style-MovieCinema .ymfn-fav-btn{
    --ymfn-primary:#5f86bd;
    --ymfn-primary-hover:#7398c8;
    --ymfn-text:#edf2f8;
    --ymfn-muted:#9aa8ba;
    --ymfn-line:#2c3949;
    --ymfn-line-strong:#425269;
    --ymfn-soft:#172131;
}
html.dark #ymfnPanel,
body.dark #ymfnPanel,
html[data-theme="dark"] #ymfnPanel,
body[data-theme="dark"] #ymfnPanel,
[data-bs-theme="dark"] #ymfnPanel,
.theme-dark #ymfnPanel,
.dark-mode #ymfnPanel,
body.site-style-neon-hub #ymfnPanel,
body.site-style-NeonHub #ymfnPanel,
body.site-style-musicwave #ymfnPanel,
body.site-style-MusicWave #ymfnPanel,
body.site-style-moviecinema #ymfnPanel,
body.site-style-MovieCinema #ymfnPanel{
    color-scheme:dark;
    background:var(--ymfn-panel)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.42),0 4px 14px rgba(0,0,0,.22)!important;
}
html.dark .ymfn-item:hover,
body.dark .ymfn-item:hover,
html[data-theme="dark"] .ymfn-item:hover,
body[data-theme="dark"] .ymfn-item:hover,
.theme-dark .ymfn-item:hover,
.dark-mode .ymfn-item:hover,
body.site-style-neon-hub .ymfn-item:hover,
body.site-style-musicwave .ymfn-item:hover,
body.site-style-moviecinema .ymfn-item:hover{
    background:#192432!important;
}
html.dark .ymfn-fav-btn:not(.is-saved),
body.dark .ymfn-fav-btn:not(.is-saved),
html[data-theme="dark"] .ymfn-fav-btn:not(.is-saved),
body[data-theme="dark"] .ymfn-fav-btn:not(.is-saved),
.theme-dark .ymfn-fav-btn:not(.is-saved),
.dark-mode .ymfn-fav-btn:not(.is-saved),
body.site-style-neon-hub .ymfn-fav-btn:not(.is-saved),
body.site-style-musicwave .ymfn-fav-btn:not(.is-saved),
body.site-style-moviecinema .ymfn-fav-btn:not(.is-saved){
    border-color:rgba(148,163,184,.30);
    background:#172131;
    color:#edf2f8!important;
}
html.dark .ymfn-note-btn,
body.dark .ymfn-note-btn,
html[data-theme="dark"] .ymfn-note-btn,
body[data-theme="dark"] .ymfn-note-btn,
.theme-dark .ymfn-note-btn,
.dark-mode .ymfn-note-btn,
body.site-style-neon-hub .ymfn-note-btn,
body.site-style-musicwave .ymfn-note-btn,
body.site-style-moviecinema .ymfn-note-btn{
    background:#edf2f8;
    color:#172033!important;
    border-color:rgba(255,255,255,.55);
    box-shadow:0 8px 22px rgba(0,0,0,.24);
}
html.dark .ymfn-note-btn:hover,
body.dark .ymfn-note-btn:hover,
html[data-theme="dark"] .ymfn-note-btn:hover,
body[data-theme="dark"] .ymfn-note-btn:hover,
.theme-dark .ymfn-note-btn:hover,
.dark-mode .ymfn-note-btn:hover,
body.site-style-neon-hub .ymfn-note-btn:hover,
body.site-style-musicwave .ymfn-note-btn:hover,
body.site-style-moviecinema .ymfn-note-btn:hover{background:#fff}
html.dark .ymfn-note-btn .ymfn-count,
body.dark .ymfn-note-btn .ymfn-count,
html[data-theme="dark"] .ymfn-note-btn .ymfn-count,
body[data-theme="dark"] .ymfn-note-btn .ymfn-count,
.theme-dark .ymfn-note-btn .ymfn-count,
.dark-mode .ymfn-note-btn .ymfn-count,
body.site-style-neon-hub .ymfn-note-btn .ymfn-count,
body.site-style-musicwave .ymfn-note-btn .ymfn-count,
body.site-style-moviecinema .ymfn-note-btn .ymfn-count{
    border-color:rgba(23,32,51,.14);
    background:rgba(23,32,51,.09);
    color:#172033;
}

/* Theme placement adapters */
.np7-top-actions #ymfnWrap,
.logo-icons #ymfnWrap,
.s9-mini-search #ymfnWrap,
.s9-search-form #ymfnWrap,
.search-box #ymfnWrap,
.search-box-wrapper #ymfnWrap{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
}
.np7-top-actions #ymfnWrap{margin-left:8px}
#ymfnWrap[data-ymfn-place="np7"] .ymfn-panel{
    right:auto!important;
    left:50%!important;
    transform-origin:top center!important;
}
body.site-style-navprostyle7 .np7-detail-actions .ymfn-fav-btn.ymfn-np7-fav,
body.site-style-NavProStyle7 .np7-detail-actions .ymfn-fav-btn.ymfn-np7-fav{
    flex:1 0 100%!important;
    width:100%!important;
    min-height:42px!important;
    margin-top:10px!important;
    border-radius:12px!important;
    box-shadow:none!important;
}
.logo-icons #ymfnWrap{margin-left:2px}
.logo-icons #ymfnWrap .ymfn-note-btn{
    min-width:46px;
    height:auto;
    padding:7px 9px;
    flex-direction:column;
    gap:4px;
    border-radius:12px;
    font-size:11px;
}
.logo-icons #ymfnWrap .ymfn-count{position:absolute;top:-5px;right:-6px}

body.site-style-ymnavstyle8 .search-box-wrapper > #ymfnWrap,
body.site-style-YmNavStyle8 .search-box-wrapper > #ymfnWrap{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    flex:0 0 auto!important;
    margin-left:-20px!important;
    margin-right:0!important;
    z-index:5!important;
}
body.site-style-ymnavstyle8 .search-box-wrapper > #ymfnWrap .ymfn-note-btn,
body.site-style-YmNavStyle8 .search-box-wrapper > #ymfnWrap .ymfn-note-btn{
    height:48px!important;
    min-width:62px!important;
    padding:0 15px!important;
    border-radius:0 4px 4px 0!important;
    background:var(--s8-green,#2f9e44)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    font-size:13px!important;
}
body.site-style-ymnavstyle8 .search-box-wrapper > #ymfnWrap .ymfn-panel,
body.site-style-YmNavStyle8 .search-box-wrapper > #ymfnWrap .ymfn-panel{right:auto!important;left:50%!important;transform-origin:top center!important}

body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap,
body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    flex:0 0 auto!important;
    margin-left:6px!important;
    z-index:5!important;
}
body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-btn,
body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-btn{
    height:34px!important;
    min-width:44px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    background:var(--s9-theme,#3b82f6)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    font-size:11px!important;
}
body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-panel,
body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-panel{right:auto!important;left:50%!important;transform-origin:top center!important}

@media(max-width:768px){
    #ymfnWrap,.ymfn-wrap{position:relative}
    #ymfnPanel.ymfn-panel,
    .ymfn-panel{
        position:absolute!important;
        top:calc(100% + 10px)!important;
        right:auto!important;
        bottom:auto!important;
        left:50%!important;
        width:min(436px,calc(100vw - 16px))!important;
        max-width:none!important;
        max-height:min(76vh,720px)!important;
        padding:14px!important;
        border-radius:22px!important;
        transform:translateX(calc(-50% + var(--ymfn-shift-x,0px))) translateY(-7px) scale(.985)!important;
        transform-origin:top center!important;
        box-shadow:0 22px 60px rgba(15,23,42,.24)!important;
    }
    #ymfnPanel.ymfn-panel.open,
    .ymfn-panel.open{transform:translateX(calc(-50% + var(--ymfn-shift-x,0px))) translateY(0) scale(1)!important}
    .ymfn-head{gap:8px;margin-bottom:13px;padding-bottom:13px}
    .ymfn-head-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px}
    .ymfn-head strong{font-size:15px}
    .ymfn-total{display:none}
    .ymfn-clear{padding:0 8px}
    .ymfn-item{grid-template-columns:38px minmax(0,1fr) 28px;min-height:56px}
    .ymfn-icon{width:38px!important;height:38px!important;min-width:38px!important}
    .ymfn-fav-btn{min-height:40px}
    .ym-content-download .ymfn-fav-btn,
    .detail-btns .ymfn-fav-btn{flex:1 1 130px}
    .ym-content-detail-meta .ymfn-fav-btn{min-height:28px}
    .logo-icons #ymfnWrap .ymfn-note-btn{
        min-width:34px;
        width:34px;
        height:34px;
        padding:0;
        flex-direction:row;
    }
    .logo-icons #ymfnWrap .ymfn-btn-text{display:inline!important}
    body.site-style-ymnavstyle8 .search-box-wrapper,
    body.site-style-YmNavStyle8 .search-box-wrapper{
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        flex-wrap:nowrap!important;
    }
    body.site-style-ymnavstyle8 .search-box-wrapper .search-box,
    body.site-style-YmNavStyle8 .search-box-wrapper .search-box{flex:1 1 auto!important;min-width:0!important}
    body.site-style-ymnavstyle8 .search-box-wrapper > #ymfnWrap,
    body.site-style-YmNavStyle8 .search-box-wrapper > #ymfnWrap{margin-left:0!important}
    body.site-style-ymnavstyle8 .search-box-wrapper > #ymfnWrap .ymfn-note-btn,
    body.site-style-YmNavStyle8 .search-box-wrapper > #ymfnWrap .ymfn-note-btn{
        height:40px!important;
        min-width:50px!important;
        padding:0 10px!important;
        border-radius:6px!important;
        font-size:11px!important;
    }
    body.site-style-ymnavstyle8 .search-box-wrapper .datetime-display,
    body.site-style-YmNavStyle8 .search-box-wrapper .datetime-display{display:none!important}
    body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap,
    body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap{margin-left:4px!important}
    body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-btn,
    body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-btn{
        min-width:38px!important;
        height:34px!important;
        padding:0 7px!important;
        font-size:10px!important;
    }
    body.site-style-ymnavstyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-icon,
    body.site-style-YmNavStyle9 .s9-topbar-inner .s9-mini-search > #ymfnWrap .ymfn-note-icon{display:none}
}

@media(max-width:420px){
    #ymfnPanel.ymfn-panel,.ymfn-panel{top:calc(100% + 8px)!important;right:auto!important;bottom:auto!important;left:50%!important;width:calc(100vw - 10px)!important;padding:12px!important;border-radius:19px!important}
    .ymfn-head small{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ymfn-clear{font-size:10px}
    .ymfn-memo{padding:11px!important}
}

@media(prefers-reduced-motion:reduce){
    .ymfn-note-btn,.ymfn-fav-btn,.ymfn-panel,.ymfn-item,.ymfn-remove{transition:none!important}
}