/* GuanNav 详情/分类增强：左侧讨论气泡与免费网络资料卡 */
.wpnav-main--single,
.wpnav-main--archive { position: relative; overflow: visible; }

.wpnav-main--single .wpnav-single { position: relative; overflow: visible; }
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
.wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left {
    position: absolute;
    z-index: 4;
    top: 0;
    right: calc(100% + 24px);
    width: 300px;
    max-width: 300px;
    max-height: calc(100vh - 112px);
    margin: 0;
    padding: 18px 16px 16px;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid var(--wpnav-glass-border, var(--wpnav-border));
    border-radius: 20px;
    background: var(--wpnav-glass-bg, var(--wpnav-surface));
    -webkit-backdrop-filter: var(--wpnav-glass-blur, blur(18px));
    backdrop-filter: var(--wpnav-glass-blur, blur(18px));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left:before,
.wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left:before,
.wpnav-comments-aside .wpnav-comments:before {
    content: "";
    display: block;
    width: 34px;
    height: 4px;
    margin: -4px auto 14px;
    border-radius: 999px;
    background: var(--wpnav-accent-a);
    opacity: .72;
}
.wpnav-comments--left .wpnav-comment-list .children { margin-left: 12px; padding-left: 10px; }
.wpnav-comments--left .wpnav-comment-text { border-radius: 15px 15px 15px 5px; }

.wpnav-comments-aside {
    position: absolute;
    z-index: 4;
    top: 0;
    right: calc(100% + 24px);
    width: 300px;
    max-width: 300px;
}
.wpnav-comments-aside .wpnav-comments {
    max-height: calc(100vh - 112px);
    margin: 0;
    padding: 18px 16px 16px;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid var(--wpnav-glass-border, var(--wpnav-border));
    border-radius: 20px;
    background: var(--wpnav-glass-bg, var(--wpnav-surface));
    -webkit-backdrop-filter: var(--wpnav-glass-blur, blur(18px));
    backdrop-filter: var(--wpnav-glass-blur, blur(18px));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}
.wpnav-comments-context { margin: -2px 0 14px; color: var(--wpnav-text-faint); font-size: 12px; }

.wpnav-network-panel {
    margin: 22px 0 24px;
    padding: 18px 20px 16px;
    border: 1px solid var(--wpnav-border);
    border-radius: var(--wpnav-radius-md, 14px);
    background: var(--wpnav-surface);
}
.wpnav-network-panel-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; }
.wpnav-network-panel-head h3 { margin: 0; font-size: 15px; color: var(--wpnav-text); }
.wpnav-network-panel-head span { color: var(--wpnav-text-faint); font-size: 11px; overflow-wrap: anywhere; }
.wpnav-network-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.wpnav-network-group { min-width: 0; padding: 12px; border: 1px solid var(--wpnav-border); border-radius: 12px; background: var(--wpnav-bg-elevated, transparent); }
.wpnav-network-group h4 { margin: 0 0 9px; color: var(--wpnav-text-dim); font-size: 12px; font-weight: 700; }
.wpnav-network-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-top: 7px; font-size: 12px; line-height: 1.45; }
.wpnav-network-row:first-of-type { margin-top: 0; }
.wpnav-network-row > span { flex: 0 0 auto; color: var(--wpnav-text-faint); }
.wpnav-network-row > strong { min-width: 0; color: var(--wpnav-text); font-weight: 600; text-align: right; overflow-wrap: anywhere; }
.wpnav-network-status { color: var(--wpnav-accent-a) !important; }
.wpnav-network-note { margin: 12px 0 0; color: var(--wpnav-text-faint); font-size: 11px; line-height: 1.55; }

@media (max-width: 1199px) {
    .wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
    .wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left,
    .wpnav-comments-aside { position: static; width: auto; max-width: 720px; max-height: none; margin: 28px auto 0; }
    .wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
    .wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left { padding: 18px 0 0; border: 0; border-top: 1px solid var(--wpnav-border); border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .wpnav-comments-aside .wpnav-comments { max-height: none; border-radius: var(--wpnav-radius-md, 14px); }
}
@media (max-width: 720px) {
    .wpnav-network-panel { margin-top: 18px; padding: 15px; }
    .wpnav-network-grid { grid-template-columns: 1fr; gap: 9px; }
    .wpnav-network-group { padding: 11px; }
}

/* 会话列表与留言板使用相同的头像、切角气泡和自己的发言方向。 */
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
.wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left,
.wpnav-main--archive > .wpnav-comments-aside {
    top: var(--discussion-top, 110px);
    width: var(--discussion-width, 300px);
    max-width: 320px;
}
.wpnav-comments--left .wpnav-comments { margin: 0; padding: 0; border: 0; }
.wpnav-comments--left .wpnav-comment-list,
.wpnav-comments--left .wpnav-comment-list .children { display: flex; flex-direction: column; gap: 18px; list-style: none; padding: 0; margin: 18px 0; border: 0; }
.wpnav-comments--left .wpnav-comment-item { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; width: 92%; align-self: flex-start; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
.wpnav-comments--left .wpnav-comment-avatar { width: 32px; height: 32px; flex: 0 0 32px; }
.wpnav-comments--left .wpnav-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; }
.wpnav-comments--left .wpnav-comment-body { flex: 1; min-width: 0; }
.wpnav-comments--left .wpnav-comment-meta { display: flex; flex-wrap: wrap; gap: 4px 7px; margin: 0 0 5px; font-size: 11px; }
.wpnav-comments--left .wpnav-comment-text { padding: 10px 12px; border: 1px solid var(--wpnav-border); border-radius: 16px 16px 16px 5px; background: var(--wpnav-surface); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.wpnav-comments--left .wpnav-comment-text p { margin: 0 0 6px; }
.wpnav-comments--left .wpnav-comment-text p:last-child { margin-bottom: 0; }
.wpnav-comments--left .wpnav-comment-item.is-self { align-self: flex-end; flex-direction: row-reverse; }
.wpnav-comments--left .is-self > .wpnav-comment-body > .wpnav-comment-meta { flex-direction: row-reverse; }
.wpnav-comments--left .is-self > .wpnav-comment-body > .wpnav-comment-text { border-radius: 16px 16px 5px 16px; background: color-mix(in srgb, var(--wpnav-accent-a) 18%, transparent); border-color: color-mix(in srgb, var(--wpnav-accent-a) 32%, transparent); }
.wpnav-comments--left .wpnav-comment-item > .children { flex: 0 0 100%; margin: 4px 0 0; padding-left: 12px; box-sizing: border-box; }
.wpnav-comments--left #respond { padding: 12px; margin-top: 18px; border: 1px solid var(--wpnav-border); border-radius: 16px; background: var(--wpnav-surface); }
.wpnav-comments--left #commentform textarea { min-height: 80px; width: 100%; box-sizing: border-box; }
.wpnav-comments--left .wpnav-comment-form-row { flex-direction: column; }
.wpnav-comments--left .wpnav-field-half { width: 100%; }
.wpnav-comments--left .wpnav-comments-heading-title { font-size: 15px; }
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--inline,
.wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--inline,
.wpnav-main--archive > .wpnav-comments-aside.wpnav-comments--inline { position: static; width: 100%; max-width: 720px; max-height: none; margin: 28px auto 0; }
.wpnav-comments--inline .wpnav-comments { max-height: none; }

/* 左栏采用固定轨道，避免在分类、详情和返回首页之间来回漂移。 */
@media (min-width: 1281px) {
    .wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
    .wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left {
        top: 104px;
        right: calc(100% + 56px);
        width: 248px;
        max-width: 248px;
    }
    .wpnav-main--archive > .wpnav-comments-aside {
        top: 70px;
        right: calc(100% + 18px);
        width: 210px;
        max-width: 210px;
    }
    .wpnav-comment-rail-return {
        position: absolute;
        z-index: 6;
        top: 42px;
        right: calc(100% + 56px);
        width: 248px;
        height: 44px;
    }
    .wpnav-comment-rail-return .wpnav-rail-back {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 50%;
        color: var(--wpnav-text);
        border: 2px solid var(--wpnav-text-dim);
        background: var(--wpnav-surface);
        font: 28px/1 sans-serif;
        text-decoration: none;
        box-sizing: border-box;
    }
    .wpnav-single-head .styled-wrapper > .wpnav-return-hidden-in-rail { display: none; }
}

/* 与分类页共用无外框的讨论样式，移除详情页额外套层。 */
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left:before { display: none; }
.wpnav-comments--left #commentform .wpnav-comment-submit {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid var(--wpnav-border);
    border-radius: 8px;
}
.wpnav-main--single .wpnav-comments--left > .wpnav-comments {
    background: var(--wpnav-glass-bg, var(--wpnav-surface));
    border-radius: 20px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
    backdrop-filter: var(--wpnav-glass-blur, blur(18px));
    -webkit-backdrop-filter: var(--wpnav-glass-blur, blur(18px));
}
@media (max-width: 1280px) {
    .wpnav-comment-rail-return { display: none; }
    .wpnav-single-head .styled-wrapper > .wpnav-return-hidden-in-rail { display: inline-flex; }
}
.wpnav-comments--left #commentform {
    position: sticky;
    bottom: 12px;
    padding: 14px;
    border-radius: var(--wpnav-radius-lg, 22px);
    background: var(--wpnav-glass-bg, rgba(255,255,255,.06));
    border: 1px solid var(--wpnav-glass-border, rgba(255,255,255,.14));
    backdrop-filter: var(--wpnav-glass-blur, blur(16px) saturate(180%));
    -webkit-backdrop-filter: var(--wpnav-glass-blur, blur(16px) saturate(180%));
    box-shadow: 0 16px 32px -20px rgba(0,0,0,.5);
}

.wpnav-guestbook-identity {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
@media (max-width: 480px) {
    .wpnav-guestbook-identity { grid-template-columns: 1fr; }
}

.wpnav-discussion-compose {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.wpnav-comments--left #commentform input[type="text"],
.wpnav-comments--left #commentform input[type="email"],
.wpnav-comments--left #commentform textarea {
    width: 100%;
    padding: 10px 14px;
    background: var(--wpnav-surface, rgba(255,255,255,.04));
    border: 1px solid var(--wpnav-border, rgba(255,255,255,.08));
    border-radius: var(--wpnav-radius-sm, 12px);
    color: var(--wpnav-text, #ebebeb);
    font-size: 14px;
    font-family: inherit;
    line-height: 1.6;
    resize: vertical;
    transition: border-color var(--wpnav-dur-fast, .16s) var(--wpnav-ease, ease);
}
.wpnav-comments--left #commentform input::placeholder,
.wpnav-comments--left #commentform textarea::placeholder { color: var(--wpnav-text-faint, #6e6e6e); }
.wpnav-comments--left #commentform input:focus,
.wpnav-comments--left #commentform textarea:focus {
    outline: none;
    border-color: var(--wpnav-accent-a, #7c5cff);
}

.wpnav-discussion-send {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--wpnav-glass-border, rgba(255,255,255,.2));
    background: color-mix(in srgb, var(--wpnav-accent-a, #7c5cff) 22%, transparent);
    color: var(--wpnav-text, #ebebeb);
    cursor: pointer;
    transition: transform var(--wpnav-dur-fast, .16s) var(--wpnav-ease, ease), background var(--wpnav-dur-fast, .16s) var(--wpnav-ease, ease);
}
.wpnav-discussion-send:hover {
    background: color-mix(in srgb, var(--wpnav-accent-a, #7c5cff) 36%, transparent);
    transform: scale(1.06);
}
.wpnav-discussion-send:active { transform: scale(0.94); }


/* 评论宿主只负责定位；表单直接复用留言板的玻璃输入栏。 */
.wpnav-comments--left .wpnav-comments-heading,
.wpnav-comments--left .wpnav-comments-context,
.wpnav-comments--left .logged-in-as,
.wpnav-comments--left .comment-notes { display:none; }
.wpnav-comments--left #reply-title { font-size:0; margin:0; }
.wpnav-comments--left #cancel-comment-reply-link { font-size:12px; }
.wpnav-comments--left #respond,
.wpnav-comments--left .wpnav-comments,
.wpnav-main--single .wpnav-comments--left > .wpnav-comments {
 padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none;
 -webkit-backdrop-filter:none; overflow:visible;
}
.wpnav-comments--left #commentform { margin:24px 0 0; box-sizing:border-box; }
.wpnav-comments--left #commentform .form-submit { margin:0; padding:0; }
.wpnav-comments--left #commentform textarea { min-height:66px; min-width:0; flex:1; box-sizing:border-box; }
.wpnav-comments--left #commentform .wpnav-discussion-send { padding:0; }
.wpnav-comments--left .wpnav-comment-form-row { margin:0 0 10px; }
.wpnav-comments--left .wpnav-comment-list { min-height:80px; }
.wpnav-comments--left #reply-title,
.wpnav-comments--left #reply-title > span { font-size:0 !important; line-height:0; }
.wpnav-comments--left #reply-title #cancel-comment-reply-link { font-size:12px !important; line-height:1.5; }
.wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left { overflow:visible; }
.wpnav-comment-avatar-fallback {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: hsl(var(--wpnav-avatar-hue, 250) 58% 46%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.wpnav-comment-avatar-fallback[hidden] { display: none !important; }
/* 桌面端悬停或键盘进入评论区时显示输入栏，保留区域避免布局跳动。 */
@media (min-width:1281px) {
 .wpnav-main--single .wpnav-single > #wpnav-native-comments-slot.wpnav-comments--left,
 .wpnav-main--single .wpnav-single > .wpnav-comments.wpnav-comments--left { top:114px; }
}
@media (hover:hover) and (pointer:fine) {
 .wpnav-comments--left #commentform {
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
 }
 .wpnav-comments--left:hover #commentform,
 .wpnav-comments--left:focus-within #commentform {
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
 }
}
@media (prefers-reduced-motion:reduce) {
 .wpnav-comments--left #commentform { transition:none; transform:none; }
}