/* ============================================================================
   jetwong-ask.css — 圈子（Ask 插件）公开页套站点设计系统
   加载顺序：官方 eyoucms.css / ask.css（bootstrap 栅格 + 圈子排版 + #007ACC 皮肤）
   → jetwong-chrome.css（令牌）→ 本文件。
   官方 ask.css 承担结构（栅格、浮动、弹层定位），本文件只换皮与调色。
   选择器统一带 body.askpn 前缀：比官方同链多一个类，特异度天然更高，不必动用 !important；
   仅官方自己写过 !important 的（搜索选中态、悬赏图标内联色）才补 !important。
   ========================================================================== */

/* ---------- 页面骨架 ---------- */
/* 官方在模板里内联写过 body.askpn{background:#E9EAEC!important}，那块已在改版时删掉；
   这里只补回「页脚贴底」所需的 flex 骨架，底色与字体交给 .jw-root */
body.askpn.jw-root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.askpn .jw-ft {
    margin-top: auto;
}

/* 锚点跳转（#comment / #hedit）要给吸顶页头让位 */
body.askpn [id] {
    scroll-margin-top: calc(var(--jw-hdr-h) + 18px);
}

/* ---------- 版心与两栏 ---------- */
/* bootstrap .container 是断点固定宽（750/970/1170），统一收成站点版心 */
body.askpn main.mian-body.container,
body.askpn .main_box.container {
    width: min(var(--jw-maxw), 100% - 2 * var(--jw-gut));
    max-width: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

body.askpn main.mian-body.container {
    flex: 1 0 auto;
    margin-top: clamp(18px, 2.4vw, 28px);
    margin-bottom: clamp(28px, 4vw, 46px);
    padding: 0;
    /* 官方两栏是浮动，模板里 .row 在首页有、详情页没有，靠 overflow 自己清 */
    overflow: hidden;
}

body.askpn main.mian-body .row {
    margin: 0;
    width: 100%;
}

body.askpn .mian-body .aside-left {
    display: block;
    float: left;
    width: calc(100% - 302px);
    padding: 0 var(--jw-gap-mod) 0 0;
}

body.askpn .mian-body .aside-right {
    display: block;
    float: left;
    width: 302px;
    padding: 0;
}

/* ---------- 面板基元 ---------- */
/* 官方一律「白底 + 4px 圆角 + 灰投影」，全站已改直角细边，投影换成令牌里的深景 */
body.askpn .aside-left .article-nav,
body.askpn .aside-left .article-list,
body.askpn .aside-left .huifu-edit,
body.askpn .aside-right .wt-opti,
body.askpn .aside-right .hot-users,
body.askpn .aside-right .hot-wenda,
body.askpn .aside-right .hot-last,
body.askpn .aside-right .hot-rp,
body.askpn .wenda,
body.askpn .wenti-huifu,
body.askpn .main_box_a,
body.askpn .sbox {
    background-color: var(--jw-panel);
    background-image: none;
    border: 1px solid var(--jw-line);
    border-radius: var(--jw-radius);
    box-shadow: none;
}

body.askpn .aside-right .wt-opti,
body.askpn .aside-right .hot-users,
body.askpn .aside-right .hot-wenda,
body.askpn .aside-right .hot-last,
body.askpn .aside-left .article-nav,
body.askpn .aside-left .huifu-edit {
    margin-bottom: var(--jw-gap-mod);
}

/* ---------- 文字基线 ---------- */
body.askpn .font16,
body.askpn .aside-right .block-head,
body.askpn .aside-right .hot-wenda ul li,
body.askpn .aside-right .hot-users ul li,
body.askpn .aside-right .hot-users .hot-nice,
body.askpn .aside-right .hot-users .hot-des,
body.askpn .aside-right .last-footer,
body.askpn .wenti-huifu .huifu-head strong,
body.askpn .tiwen_box .tiwen_main .ts .lxs ul li {
    color: var(--jw-fg2);
}

/* 悬赏余额与充值链接在模板里写死内联 #ff6f06，暗色下太扎眼；内联样式只能 !important 顶 */
body.askpn .tiwen_box .ts span[style] {
    font-family: var(--jw-fm);
    color: var(--jw-warn) !important;
}

/* 悬赏输入框是内联宽度的，后面的「元 当前账户剩余…」会贴上去 */
body.askpn .tiwen_box .ts input[style] {
    margin-right: 8px;
}

body.askpn .tiwen_box .ts a[style] {
    color: var(--jw-ac) !important;
}

body.askpn a {
    color: var(--jw-fg);
    text-decoration: none;
    transition: color .16s;
}

body.askpn a:hover {
    color: var(--jw-ac);
}

/* ---------- 顶部：栏目导航 + 站内搜索 ---------- */
body.askpn .sbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 8px;
    margin-bottom: var(--jw-gap-mod);
    min-height: 52px;
}

body.askpn .sbox .navbar-right,
body.askpn .sbox .search {
    float: none;
}

body.askpn ul#asktypes.nav {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 0;
    overflow: visible;
}

body.askpn ul#asktypes li.nav-item {
    position: relative;
    float: none;
}

body.askpn ul#asktypes .link {
    display: block;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px;
    color: var(--jw-fg2);
    background: none;
    border: 0;
    border-radius: 0;
    white-space: nowrap;
}

body.askpn ul#asktypes .link:hover,
body.askpn ul#asktypes .open > .link,
body.askpn ul#asktypes .link:focus {
    color: var(--jw-fg);
    background: var(--jw-panel2);
    border: 0;
}

/* 官方写过 .sbox .navbar-right a.active{color:#007ACC !important}，只能同样带 !important */
body.askpn .sbox .navbar-right a.active,
body.askpn ul#asktypes .link.active {
    color: var(--jw-ac) !important;
    background: none;
    box-shadow: inset 0 -2px 0 var(--jw-ac);
    font-weight: 600;
}

body.askpn ul#asktypes .caret {
    border-top-color: var(--jw-mut);
    opacity: .7;
}

body.askpn ul#asktypes .dropdown-menu {
    min-width: 168px;
    margin: 0;
    padding: 6px 0;
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: var(--jw-radius);
    box-shadow: var(--jw-shadow);
}

body.askpn ul#asktypes .dropdown-menu > li > a {
    padding: 8px 18px;
    font-size: 13.5px;
    color: var(--jw-fg2);
    white-space: nowrap;
}

body.askpn ul#asktypes .dropdown-menu > li > a:hover {
    color: var(--jw-ac);
    background: var(--jw-panel2);
}

body.askpn .sbox .search {
    flex: 0 0 250px;
    width: 250px;
    height: 38px;
    margin: 0;
    background: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    transition: border-color .16s, box-shadow .16s;
}

body.askpn .sbox .search input {
    width: 212px;
    height: 36px;
    padding: 0 10px;
    font-size: 13.5px;
    color: var(--jw-fg);
    background: none;
    border: 0;
    border-right: 1px solid var(--jw-line);
}

body.askpn .sbox .search input::placeholder {
    color: var(--jw-mut);
}

body.askpn .sbox .search.active {
    border-color: var(--jw-ac);
    box-shadow: 0 0 0 3px var(--jw-ac-soft);
}

body.askpn .sbox .search.active input {
    border-right-color: var(--jw-line);
}

/* 官方用雪碧图 icon.png 画放大镜，暗色下会露出一块深灰。
   改成遮罩上色，和页头图标一样跟随字色，两套主题都不用滤镜。 */
body.askpn .sbox .search-icon {
    float: none;
    display: block;
    margin: 11px 10px 0 auto;
    width: 16px;
    height: 16px;
    background-image: none;
    background-color: var(--jw-mut);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.6' cy='6.6' r='4.6' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M10.3 10.3 L14.2 14.2' stroke='%23000' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.6' cy='6.6' r='4.6' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M10.3 10.3 L14.2 14.2' stroke='%23000' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
    cursor: pointer;
    transition: background-color .16s ease;
}

body.askpn .sbox .search:hover .search-icon,
body.askpn .sbox .search.active .search-icon {
    background-color: var(--jw-btn);
}

body.askpn .sbox .search .search-result,
body.askpn .hot-list {
    width: 250px;
    margin: 0;
    top: 37px;
    padding: 6px 0;
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    box-shadow: var(--jw-shadow);
    line-height: 32px;
    font-size: 13.5px;
}

body.askpn .hot-list > a {
    color: var(--jw-fg2);
}

body.askpn .hot-list > a:hover,
body.askpn .sbox .search .search-result a:hover {
    color: var(--jw-ac);
    background: var(--jw-panel2);
}

body.askpn .hot-list > a > div {
    width: 218px;
}

body.askpn .hot-list > a > div.number {
    color: var(--jw-mut);
    font-family: var(--jw-fm);
}

body.askpn .hot-list > a > div.number.c1 { color: var(--jw-warn); }
body.askpn .hot-list > a > div.number.c2 { color: var(--jw-warn); opacity: .7; }
body.askpn .hot-list > a > div.number.c3 { color: var(--jw-sig); }

/* ---------- 列表页：最新 / 精华 / 新回复 / 悬赏 ---------- */
body.askpn .aside-left .article-nav {
    display: flex;
    align-items: center;
    gap: 26px;
    height: 52px;
    line-height: 1;
    padding: 0 18px;
    border-bottom: 0;
}

body.askpn .aside-left .article-nav span {
    position: relative;
    margin: 0;
    font-family: var(--jw-fd);
    font-size: 15px;
    line-height: 52px;
    color: var(--jw-fg2);
    letter-spacing: -.005em;
    cursor: pointer;
    transition: color .16s;
}

body.askpn .aside-left .article-nav span:hover {
    color: var(--jw-fg);
}

body.askpn .aside-left .article-nav span.act {
    color: var(--jw-fg);
    font-weight: 600;
}

body.askpn .aside-left .article-nav span.act:after {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--jw-btn);
}

/* 悬赏的红包/积分图标来自插件自带字库，缺字时只剩一个空圈。
   页签里「悬赏」两个字已经说明问题，图标直接收掉；圆盘改用 CSS 写的「赏」字，不依赖字体文件。 */
body.askpn .article-nav span .iconfont {
    display: none;
}

body.askpn .list-avter .p {
    position: relative;
    color: var(--jw-warn);
    text-align: center;
}

body.askpn .list-avter .p em {
    font-size: 0;
}

body.askpn .list-avter .p:after {
    content: '赏';
    font-family: var(--jw-fd);
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
}

body.askpn .aside-left .article-nav button {
    float: none;
    flex: 0 0 auto;
    width: auto;
    height: 32px;
    margin: 0 0 0 auto;
    padding: 0 15px;
    font-family: var(--jw-fd);
    font-size: 13.5px;
    color: var(--jw-fg2);
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    cursor: pointer;
    transition: color .16s, border-color .16s, background-color .16s;
}

body.askpn .aside-left .article-nav button:hover {
    color: var(--jw-ac-ink);
    background-color: var(--jw-btn);
    border-color: var(--jw-btn);
}

/* ---------- 列表页：帖子条目 ---------- */
body.askpn .aside-left .article-list {
    border-top: 0;
    border-radius: 0;
}

body.askpn .aside-left .article-list .article-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.askpn .aside-left .article-list .article-ul .article-list-item {
    display: flex;
    padding: 17px 18px;
    border-top: 1px solid var(--jw-line);
    transition: background-color .16s;
}

body.askpn .aside-left .article-list .article-ul .article-list-item:first-child {
    border-top: 0;
}

body.askpn .aside-left .article-list .article-ul .article-list-item:hover {
    background-color: var(--jw-panel2);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .list-avter {
    flex-shrink: 0;
    margin-right: 16px;
}

body.askpn .aside-left .article-list .article-ul .article-list-item .list-avter img {
    width: 40px;
    height: 40px;
    border: 1px solid var(--jw-line2);
    border-radius: 100%;
}

/* 悬赏问题用「圆形徽记 + 金额」代替头像，官方是橙粉底 + #007ACC 字 */
body.askpn .list-avter .p {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--jw-ac-soft);
    border: 1px solid var(--jw-line2);
    border-radius: 100%;
}

body.askpn .list-avter .p.g {
    background-color: var(--jw-panel2);
}

body.askpn .list-avter .p i,
body.askpn .list-avter .p.g i {
    color: var(--jw-ac);
}

body.askpn .list-avter .rmbb {
    margin-top: 4px;
    font-family: var(--jw-fm);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--jw-ac);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .went-head {
    display: block;
    font-family: var(--jw-fd);
    font-size: 16.5px;
    line-height: 1.45;
    letter-spacing: -.01em;
    color: var(--jw-fg);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .went-head .went-head-text:hover {
    color: var(--jw-ac);
}

body.askpn .went-head .rview {
    font-size: 13px;
    line-height: 1.6;
    color: var(--jw-mut);
}

/* 置顶 / 精华徽标：官方 34×20 圆框红蓝字，换成站点方角小标 */
body.askpn .jxuan,
body.askpn .jinghua {
    display: inline-block;
    width: auto;
    height: 18px;
    margin-right: 7px;
    padding: 0 6px;
    vertical-align: 2px;
    font-family: var(--jw-fm);
    font-size: 11px;
    line-height: 17px;
    border-radius: 0;
}

body.askpn .jxuan {
    color: var(--jw-ac-ink);
    background-color: var(--jw-btn);
    border: 1px solid var(--jw-btn);
}

body.askpn .jinghua {
    color: var(--jw-sig);
    background: none;
    border: 1px solid color-mix(in srgb, var(--jw-sig) 45%, transparent);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list img {
    width: 20px;
    height: 20px;
    border: 1px solid var(--jw-line);
    border-radius: 100%;
}

/* icon-people-more 在官方字库里就没有这个字形，留着只是一个浅灰的空盒 */
body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .icon-people-more {
    display: none;
}

body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .list-text,
body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .more-info {
    font-family: var(--jw-fm);
    font-size: 12px;
    color: var(--jw-mut);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .list-text a {
    font-family: var(--jw-fb);
    color: var(--jw-fg2);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .list-text a:hover {
    color: var(--jw-ac);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .sq {
    border-radius: 0;
    background: var(--jw-btn);
    color: var(--jw-ac-ink);
    font-family: var(--jw-fm);
}

body.askpn .aside-left .article-list .article-ul .article-list-item .sq.sqo {
    background: var(--jw-sig);
    /* 青底必须配深墨，白色会糊 */
    color: #06101F;
}

/* ---------- 右栏：我的圈子卡片 ---------- */
body.askpn .wt-opti .people-info {
    padding: 18px;
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .wt-opti .people-info .people-info-a {
    margin-left: 14px;
}

body.askpn .wt-opti .people-info .people-info-a h3 {
    font-family: var(--jw-fd);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--jw-fg);
}

body.askpn .wt-opti .people-info .people-info-a div {
    font-size: 13px;
    line-height: 1.6;
    color: var(--jw-mut);
}

body.askpn .wt-opti .people-btn {
    height: auto;
    line-height: normal;
    padding: 14px 18px;
}

body.askpn .wt-opti .people-btn button.tw,
body.askpn .wt-opti .people-btn button.act {
    width: 100%;
    height: 38px;
    font-family: var(--jw-fd);
    font-size: 14px;
    color: var(--jw-ac-ink);
    background-color: var(--jw-btn);
    border: 1px solid var(--jw-btn);
    border-radius: 0;
    cursor: pointer;
    transition: filter .16s;
}

body.askpn .wt-opti .people-btn button.tw:hover,
body.askpn .wt-opti .people-btn button.act:hover {
    filter: brightness(1.08);
}

body.askpn .wt-opti .people-btn button .wt-iconfont,
body.askpn .wt-opti .people-btn button .icon {
    margin-right: 6px;
    font-size: 15px;
}

/* ---------- 右栏：热门帖子榜 ---------- */
body.askpn .aside-right .block-head {
    display: flex;
    align-items: center;
    height: 52px;
    line-height: 1;
    padding: 0 18px;
    font-family: var(--jw-fd);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.005em;
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .aside-right .block-head .fa {
    margin-right: 9px !important;
    font-size: 14px !important;
    color: var(--jw-mut);
}

body.askpn .aside-right .block-head .hot-sw {
    float: none;
    margin-left: auto;
    font-family: var(--jw-fb);
    font-size: 12.5px;
    font-weight: 400;
}

body.askpn .aside-right .block-head .hot-sw span {
    color: var(--jw-mut);
    cursor: pointer;
    transition: color .16s;
}

body.askpn .aside-right .block-head .hot-sw span:hover,
body.askpn .aside-right .block-head .hot-sw span.act {
    color: var(--jw-ac);
    font-weight: 400;
}

body.askpn .aside-right .hot-users ul,
body.askpn .aside-right .hot-wenda ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.askpn .aside-right .hot-users ul li,
body.askpn .aside-right .hot-wenda ul li {
    display: flex;
    padding: 13px 18px;
    border-top: 1px solid var(--jw-line);
    font-size: 13.5px;
    line-height: 1.55;
    transition: background-color .16s;
}

body.askpn .aside-right .hot-users ul li:first-child,
body.askpn .aside-right .hot-wenda ul li:first-child {
    border-top: 0;
}

body.askpn .aside-right .hot-users ul li:hover,
body.askpn .aside-right .hot-wenda ul li:hover {
    background-color: var(--jw-panel2);
}

body.askpn .aside-right .hot-users ul li a {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
}

/* 榜单里 .hot-user-avter 装的是名次数字，不是头像 */
body.askpn .aside-right .hot-users ul li .hot-user-avter {
    flex-shrink: 0;
    width: 20px;
    margin-right: 0;
    font-family: var(--jw-fm);
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: var(--jw-mut);
    border-radius: 0;
}

body.askpn .aside-right .hot-users ul li:nth-child(-n+3) .hot-user-avter {
    color: var(--jw-ac);
}

body.askpn .aside-right .hot-users ul li .hot-user-info .hot-nice {
    font-size: 13.5px;
    color: var(--jw-fg2);
}

body.askpn .aside-right .hot-users ul li:hover .hot-nice {
    color: var(--jw-fg);
}

body.askpn .aside-right .hot-users ul li .hot-user-info .hot-nice span {
    float: none;
    margin-left: 10px;
    color: var(--jw-mut);
    font-family: var(--jw-fm);
    font-size: 11.5px;
}

body.askpn .aside-right .hot-users ul li .hot-user-info .hot-des {
    color: var(--jw-mut);
}

/* ---------- 详情页：问题正文 ---------- */
body.askpn .wenda {
    padding: clamp(20px, 2.6vw, 28px);
    font-size: 15px;
    line-height: 1.8;
    color: var(--jw-fg2);
    word-break: break-word;
}

body.askpn .wenda .wt-head {
    font-family: var(--jw-fd);
    font-size: clamp(20px, 2.3vw, 25px);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.02em;
    text-indent: 0;
    color: var(--jw-fg);
    margin-bottom: 10px;
}

body.askpn .wenda .wt-desc {
    margin-bottom: 26px;
    color: var(--jw-fg2);
}

body.askpn .wenda .wt-desc a {
    color: var(--jw-ac);
}

body.askpn .wenda .wt-desc img,
body.askpn .huifu-content img {
    border: 1px solid var(--jw-line);
}

body.askpn .wenda .if-zhuang,
body.askpn .wenda .wt-opt {
    font-size: 12.5px;
    color: var(--jw-mut);
}

body.askpn .wenda .wt-opt {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 18px;
    border-top: 1px solid var(--jw-line);
}

body.askpn .wenda .wt-opt .a {
    color: var(--jw-mut);
    cursor: pointer;
    transition: color .16s;
}

body.askpn .wenda .wt-opt .a:hover {
    color: var(--jw-ac);
}

/* ---------- 详情页：回复列表 ---------- */
body.askpn .wenti-huifu {
    margin-top: var(--jw-gap-mod);
    border-radius: 0;
}

body.askpn .wenti-huifu .huifu-head {
    height: 52px;
    padding: 0 18px;
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .wenti-huifu .huifu-head > div:first-child {
    left: 18px;
}

body.askpn .wenti-huifu .huifu-head > div:first-child strong {
    font-family: var(--jw-fd);
    font-size: 14px;
    font-weight: 600;
}

body.askpn .wenti-huifu .huifu-head .hf-head-flr {
    right: 18px;
}

body.askpn .wenti-huifu .huifu-head .hf-head-flr ul {
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    box-shadow: var(--jw-shadow);
    color: var(--jw-fg2);
}

body.askpn .wenti-huifu .huifu-head .hf-head-flr ul li:hover {
    background-color: var(--jw-panel2);
    color: var(--jw-ac);
}

body.askpn .wenti-huifu .huifu-list .huifu-li {
    padding: 22px 18px;
    border-top: 1px solid var(--jw-line);
}

body.askpn .wenti-huifu .huifu-list .huifu-user .user-nice > p.nice {
    font-family: var(--jw-fd);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--jw-fg);
}

body.askpn .wenti-huifu .huifu-list .huifu-user .user-nice > p.jianjie,
body.askpn .aside-left .huifu-edit .huifu-user .user-nice > p.jianjie {
    font-size: 13px;
    color: var(--jw-mut);
}

body.askpn .aside-left .huifu-edit .huifu-user .user-nice > p.nice {
    font-family: var(--jw-fd);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--jw-fg);
}

body.askpn .wenti-huifu .huifu-list .huifu-user .dianzan-bnt {
    height: 34px;
    line-height: 33px;
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    font-family: var(--jw-fm);
    color: var(--jw-fg2);
    background-color: var(--jw-bg2);
    transition: color .16s, border-color .16s;
}

body.askpn .wenti-huifu .huifu-list .huifu-user .dianzan-bnt:hover,
body.askpn .wenti-huifu .huifu-list .huifu-user .dianzan-bnt.dianzan-bnt-act {
    color: var(--jw-ac);
    border-color: var(--jw-ac);
}

/* 点赞图标同样是缺失的 wt-iconfont，只剩一个光秃秃的数字；用 CSS 补一个「赞」 */
body.askpn .wenti-huifu .huifu-list .huifu-user .dianzan-bnt i {
    margin: 0 4px 0 0 !important;
    font-size: 0;
}

body.askpn .wenti-huifu .huifu-list .huifu-user .dianzan-bnt i:after {
    content: '赞';
    font-family: var(--jw-fd);
    font-size: 12.5px;
}

body.askpn .wenti-huifu .huifu-list .weiguan-people {
    font-size: 13px;
    color: var(--jw-mut);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .huifu-content {
    font-size: 15px;
    line-height: 1.8;
    color: var(--jw-fg);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box a {
    color: var(--jw-ac);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .huifu-time {
    font-family: var(--jw-fm);
    font-size: 12px;
    color: var(--jw-mut);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .huifu-time span {
    color: var(--jw-fg2);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .huifu-time span:hover {
    color: var(--jw-ac);
}

/* 二级回复：官方是 #F5F6F7 灰块，改成更深一层的面板 + 细边 */
body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu {
    margin-top: 18px;
    padding: 16px 18px;
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu .secend-ul .secend-li {
    padding: 14px 0;
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu .secend-ul .secend-li .head-secend strong {
    font-family: var(--jw-fd);
    font-size: 13.5px;
    color: var(--jw-fg);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu .secend-ul .secend-li .secend-huifu-text {
    font-size: 14px;
    line-height: 1.75;
    color: var(--jw-fg2);
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu .huifu-area textarea {
    width: 100%;
    padding: 10px 12px;
    font-family: var(--jw-fb);
    font-size: 14px;
    line-height: 1.7;
    color: var(--jw-fg);
    background-color: var(--jw-bg);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    outline: none;
    transition: border-color .16s, box-shadow .16s;
}

body.askpn .wenti-huifu .huifu-list .huifu-text-box .secend-huifu .huifu-area textarea:focus {
    border-color: var(--jw-ac);
    box-shadow: 0 0 0 3px var(--jw-ac-soft);
}

/* 行内动作（编辑 / 删除 / 审核 / 回复）：模板把「审核」写成内联 red，一排红字很吵。
   统一收成次级文字，悬停才给警示色；内联 style 只能靠 !important 顶。 */
body.askpn a.secend-huifu-btn,
body.askpn span.secend-huifu-btn {
    font-size: 12.5px;
    color: var(--jw-fg2) !important;
    cursor: pointer;
    transition: color .16s;
}

body.askpn a.secend-huifu-btn:hover,
body.askpn span.secend-huifu-btn:hover {
    color: var(--jw-warn) !important;
}

body.askpn .secend-huifu-btn button,
body.askpn .huifu-area .huifu-btn button {
    height: 32px;
    padding: 0 16px;
    font-family: var(--jw-fd);
    font-size: 13.5px;
    border-radius: 0;
    cursor: pointer;
    color: var(--jw-ac-ink);
    background-color: var(--jw-btn);
    border: 1px solid var(--jw-btn);
}

body.askpn .secend-huifu-btn button:nth-child(2),
body.askpn .huifu-area .huifu-btn button:nth-child(2) {
    color: var(--jw-fg2);
    background-color: transparent;
    border-color: var(--jw-line2);
}

body.askpn .secend-huifu-btn button:nth-child(2):hover,
body.askpn .huifu-area .huifu-btn button:nth-child(2):hover {
    color: var(--jw-fg);
    border-color: var(--jw-line2);
    background-color: var(--jw-panel2);
}

/* 语音回复条：官方 #297ACC 胶囊 */
body.askpn .huifu-content .audio-replay-wrap .audio-controls .controls-wrap {
    background-color: var(--jw-ac-soft);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    color: var(--jw-ac);
}

body.askpn .huifu-content .audio-replay-wrap .audio-controls .audio-longtime {
    font-family: var(--jw-fm);
    color: var(--jw-mut);
}

/* ---------- 回复 / 编辑框 ---------- */
body.askpn .aside-left .huifu-edit {
    padding: 22px 18px;
    margin-top: var(--jw-gap-mod);
    border-radius: 0;
}

body.askpn .aside-left .huifu-edit .edit-opt {
    height: auto;
    margin-top: 16px;
    flex-wrap: wrap;
    gap: 14px;
}

body.askpn .aside-left .huifu-edit .edit-opt span {
    font-size: 13px;
    color: var(--jw-mut);
}

body.askpn .aside-left .huifu-edit .edit-opt span.editbutton {
    width: auto;
    height: 34px;
    line-height: 33px;
    padding: 0 18px;
    font-family: var(--jw-fd);
    font-size: 13.5px;
    color: var(--jw-ac-ink);
    background-color: var(--jw-btn);
    border: 1px solid var(--jw-btn);
    border-radius: 0;
}

body.askpn .aside-left .huifu-edit .edit-opt span.ai-editbutton {
    width: auto;
    height: 34px;
    line-height: 32px;
    padding: 0 18px;
    font-family: var(--jw-fd);
    font-size: 13.5px;
    color: var(--jw-ac);
    background: none;
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    cursor: pointer;
}

body.askpn .aside-left .huifu-edit .edit-opt span.ai-editbutton:hover {
    border-color: var(--jw-ac);
    background-color: var(--jw-ac-soft);
}

body.askpn .aside-left .huifu-edit .edit-opt .cbox-wrap,
body.askpn .aside-left .huifu-edit .edit-opt .cbox-wrap.act {
    width: 15px;
    height: 15px;
    top: 0;
    background: none;
    border: 1px solid var(--jw-line2);
    border-radius: 0;
}

body.askpn .aside-left .huifu-edit .edit-opt .cbox-wrap.act {
    background-color: var(--jw-btn);
    border-color: var(--jw-btn);
}

body.askpn .aside-left .huifu-edit textarea,
body.askpn .tiwen_box textarea {
    width: 100%;
    padding: 12px 14px;
    font-family: var(--jw-fb);
    font-size: 14.5px;
    line-height: 1.75;
    color: var(--jw-fg);
    background-color: var(--jw-bg);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    outline: none;
    transition: border-color .16s, box-shadow .16s;
}

body.askpn .aside-left .huifu-edit textarea:focus,
body.askpn .tiwen_box textarea:focus {
    border-color: var(--jw-ac);
    box-shadow: 0 0 0 3px var(--jw-ac-soft);
}

/* ---------- 空态 / 未登录引导 ---------- */
body.askpn .aside-left .huifu-edit .huifu-null {
    padding: 34px 0 26px;
    margin: 0;
    text-align: center;
    font-size: 13.5px;
    color: var(--jw-mut);
}

body.askpn .huifu-null img {
    max-width: 168px;
    opacity: .5;
}

body.askpn .login_tips1 {
    color: var(--jw-mut);
    line-height: 1.8;
}

/* 未登录时的「登录后回帖」引导：官方贴了一张浅灰底图，暗色下是一块亮斑，改成虚线框 */
body.askpn .aside-left .huifu-edit .not-log {
    width: auto;
    height: auto;
    padding: 26px 18px;
    background-image: none;
    border: 1px dashed var(--jw-line2);
    font-size: 14px;
    color: var(--jw-fg2);
}

body.askpn .aside-left .huifu-edit .not-log a {
    line-height: normal;
    color: var(--jw-ac);
}

body.askpn .aside-left .load-more {
    height: 48px;
    line-height: 48px;
    font-family: var(--jw-fd);
    font-size: 14px;
    color: var(--jw-ac);
    background-color: var(--jw-bg2);
    border-top: 1px solid var(--jw-line);
}

/* ---------- 发帖 / 编辑页 ---------- */
/* 发帖/编辑只有单列表单，撑满 1120 会显得空，收成 880 的读数宽度 */
body.askpn .main_box_a {
    width: min(880px, 100%);
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 30px;
    border-radius: 0;
}

body.askpn .tiwen_box {
    background: none;
    border: 0;
}

body.askpn .tiwen_box.mar_t38 {
    margin-top: 0;
    padding-top: 0;
}

body.askpn .tiwen_box .tt-img {
    height: 56px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--jw-line);
    background-color: var(--jw-bg2);
}

body.askpn .tiwen_box .tt-img img {
    width: auto;
    max-width: 320px;
    max-height: 26px;
    opacity: .85;
}

body.askpn .tiwen_box .tiwen_main {
    width: min(760px, 100% - 40px);
    margin: 24px auto 0;
}

body.askpn .tiwen_box .tiwen_main .ti {
    margin-bottom: 6px;
}

body.askpn .tiwen_box .tiwen_main .ti big,
body.askpn .tiwen_box .tiwen_main .ti strong {
    font-family: var(--jw-fd);
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -.005em;
    color: var(--jw-fg);
}

body.askpn .tiwen_box .tiwen_main .ti font {
    font-size: 12.5px;
    color: var(--jw-mut);
}

body.askpn .tiwen_box .tiwen_main .tit_input {
    height: 44px;
    padding: 10px 14px;
    line-height: 1.5;
    font-size: 14.5px;
    color: var(--jw-fg);
    background-color: var(--jw-bg);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    outline: none;
    transition: border-color .16s, box-shadow .16s;
}

body.askpn .tiwen_box .tiwen_main .tit_input:focus {
    border-color: var(--jw-ac);
    box-shadow: 0 0 0 3px var(--jw-ac-soft);
}

body.askpn .tiwen_box .tiwen_main .ts .lxs,
body.askpn .twnav a {
    color: var(--jw-fg2);
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line2);
    border-radius: 0;
    box-shadow: var(--jw-shadow);
}

body.askpn .tiwen_box .tiwen_main .ts .lxs p {
    color: var(--jw-mut);
    font-size: 13px;
}

body.askpn .tiwen_box .tiwen_main .ts .lxs ul li:hover {
    color: var(--jw-ac);
    background-color: var(--jw-panel2);
}

body.askpn .tiwen_box .tiwen_main .ts .lxs ul li span,
body.askpn .tiwen_box .tiwen_main .et .el,
body.askpn .tiwen_box .tiwen_main .et font {
    color: var(--jw-ac);
}

body.askpn .tiwen_box .tiwen_main .et {
    align-items: center;
    padding-top: 6px;
    border-top: 1px solid var(--jw-line);
}

body.askpn .tiwen_box .tiwen_main .sz_button {
    width: 120px;
    height: 38px;
    font-family: var(--jw-fd);
    font-size: 14px;
    color: var(--jw-ac-ink);
    background: var(--jw-btn);
    border: 1px solid var(--jw-btn);
    border-radius: 0;
    cursor: pointer;
}

body.askpn .tiwen_box .tiwen_main .sz_button:hover {
    filter: brightness(1.08);
}

/* UEditor 的画布保持浅色是有意的：正文编辑区就是白底黑字，只把外壳描边对齐主题 */
body.askpn .edui-editor {
    border-color: var(--jw-line2) !important;
    border-radius: 0;
}

/* 官方用 col-xs-9 + initialFrameWidth:135% 凑整行，缩放后总会溢出几个像素；这里直接铺满 */
body.askpn .tiwen_box .da .col-xs-9 {
    width: 100%;
}

body.askpn .edui-editor,
body.askpn .edui-editor iframe,
body.askpn .tiwen_box .da textarea.ckeditor {
    width: 100% !important;
    box-sizing: border-box;
}

/* ---------- 圈子个人页（users_index） ---------- */
body.askpn .hui_back {
    height: auto;
    padding: clamp(20px, 3vw, 30px) 0;
    background: var(--jw-panel);
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .hui_back .container {
    width: min(var(--jw-maxw), 100% - 2 * var(--jw-gut));
    max-width: none;
    padding: 0;
    margin: 0 auto;
}

body.askpn .me_box {
    height: auto;
    margin-top: 0;
}

body.askpn .me_dl {
    width: auto;
    height: auto;
}

body.askpn .me_dl dd {
    width: 76px;
    height: 76px;
}

body.askpn .me_dl dd img {
    width: 76px;
    height: 76px;
    border: 1px solid var(--jw-line2);
    border-radius: 100%;
}

body.askpn .me_dl dt {
    width: auto;
    padding-left: 20px;
}

body.askpn .hui_back .font22,
body.askpn .hui_back .font24 {
    font-family: var(--jw-fd);
    font-weight: 600;
    letter-spacing: -.015em;
    color: var(--jw-fg);
}

body.askpn .askbox {
    background: var(--jw-panel);
    border: 1px solid var(--jw-line);
    border-top: 0;
}

body.askpn .askbox .container {
    width: min(var(--jw-maxw), 100% - 2 * var(--jw-gut));
    max-width: none;
    padding: 0;
    margin: 0 auto;
}

body.askpn .me_left_box {
    background-color: var(--jw-bg2);
    border-right: 1px solid var(--jw-line);
}

body.askpn .me_nav_ul {
    margin: 0;
    padding: 14px 0;
    list-style: none;
}

body.askpn .me_nav_ul li a {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: var(--jw-fg2);
    border-left: 2px solid transparent;
}

body.askpn .me_nav_ul li a:hover {
    color: var(--jw-fg);
}

body.askpn .me_nav_ul li a.over {
    color: var(--jw-ac);
    background: var(--jw-ac-soft);
    border-left-color: var(--jw-ac);
}

body.askpn .me_right_box {
    padding: 0 20px;
}

body.askpn .b_line {
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .me_right_box .b_line {
    font-family: var(--jw-fd);
    font-size: 15px;
    font-weight: 600;
    color: var(--jw-fg);
}

body.askpn .news_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.askpn .news_ul li {
    padding: 16px 0;
    border-bottom: 1px solid var(--jw-line);
}

body.askpn .news_ul li .font16 {
    font-family: var(--jw-fd);
    font-size: 15.5px;
    letter-spacing: -.01em;
    color: var(--jw-fg);
}

body.askpn .news_ul li .font16:hover {
    color: var(--jw-ac);
}

/* 作者/时间/阅读/回复：官方两个 float 会错行，收进同一行基线 */
body.askpn .news_ul li > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 14px;
    margin-top: 7px;
}

body.askpn .news_ul li > div > p {
    float: none;
    width: auto;
    margin: 0;
}

body.askpn .news_ul li .n_right {
    margin-left: auto;
    font-family: var(--jw-fm);
}

/* [未审核] 是标题后面的裸文本，压一级灰，别和标题抢注意力 */
body.askpn .news_ul li .n_yinc {
    font-size: 12.5px;
    color: var(--jw-mut);
}

body.askpn .jiu_font {
    font-size: 12.5px;
    color: var(--jw-mut);
}

body.askpn .shuju_box li .font24 {
    font-family: var(--jw-fm);
    font-weight: 500;
    color: var(--jw-ac);
}

/* 官方用一张 l_line.jpg 做分隔竖线，换成边框 */
body.askpn .sj_line {
    background: none;
    border-right: 1px solid var(--jw-line);
}

body.askpn .fg_line {
    color: var(--jw-mut);
}

/* ---------- 分页 ---------- */
body.askpn .ey_pager,
body.askpn .wenda .ey_pager {
    padding: 18px;
    background: none;
}

body.askpn .dataTables_paginate,
body.askpn ul.pagination {
    margin: 0;
}

body.askpn ul.pagination > li > a,
body.askpn ul.pagination > li > span {
    padding: 7px 13px;
    font-family: var(--jw-fm);
    font-size: 13px;
    color: var(--jw-fg2);
    background-color: var(--jw-bg2);
    border: 1px solid var(--jw-line);
    border-radius: 0;
    transition: color .16s, border-color .16s;
}

body.askpn ul.pagination > li > a:hover {
    color: var(--jw-ac);
    background-color: var(--jw-panel2);
    border-color: var(--jw-line2);
}

body.askpn ul.pagination > li.active > a,
body.askpn ul.pagination > li.active > span,
body.askpn div.dataTables_paginate .paginate_button.active > a {
    color: var(--jw-ac-ink);
    background: var(--jw-btn) !important;
    border-color: var(--jw-btn) !important;
}

body.askpn ul.pagination > li.disabled > a,
body.askpn ul.pagination > li.disabled > span {
    color: var(--jw-mut);
    background: none;
    border-color: var(--jw-line);
    cursor: not-allowed;
}

/* ---------- 弹窗内页（AI 指令） ---------- */
/* 这一页跑在 layer 的 iframe 里，不能套 .jw-root：极光底用了 background-attachment:fixed，
   在 iframe 里会变成一块跟着 iframe 走的亮斑。只把它自己那一层面板压暗即可。 */
body.jw-ask-frame {
    margin: 0;
    font-family: var(--jw-fb);
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--jw-fg2);
    background-color: var(--jw-panel);
}

body.jw-ask-frame .tiwen_box .tiwen_main .ti big,
body.jw-ask-frame .tiwen_box .tiwen_main .ti strong {
    color: var(--jw-fg);
}

body.jw-ask-frame .tiwen_box .tiwen_main {
    width: calc(100% - 40px);
    max-width: none;
}

/* 模板里这条底部操作条写的是内联 background:#fff，需要 !important */
body.jw-ask-frame .tiwen_box .et.da {
    background: var(--jw-bg2) !important;
    border-top: 1px solid var(--jw-line2) !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1000px) {
    body.askpn .mian-body .aside-left {
        width: calc(100% - 250px);
    }

    body.askpn .mian-body .aside-right {
        width: 250px;
    }
}

@media (max-width: 820px) {
    body.askpn main.mian-body.container {
        margin-top: 12px;
        margin-bottom: 30px;
    }

    body.askpn .mian-body .aside-left,
    body.askpn .mian-body .aside-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    body.askpn .aside-left .article-list {
        margin-bottom: var(--jw-gap-mod);
    }

    body.askpn .sbox {
        flex-wrap: wrap;
        padding: 10px 8px;
        gap: 10px;
    }

    body.askpn .sbox .search,
    body.askpn .sbox .search input,
    body.askpn .sbox .search .search-result,
    body.askpn .hot-list {
        width: 100%;
        flex: 1 1 100%;
    }

    body.askpn .sbox .search {
        order: -1;
    }

    body.askpn ul#asktypes.nav {
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.askpn ul#asktypes.nav::-webkit-scrollbar {
        display: none;
    }

    body.askpn .aside-left .article-nav {
        gap: 18px;
        padding: 0 14px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.askpn .aside-left .article-nav::-webkit-scrollbar {
        display: none;
    }

    body.askpn .aside-left .article-nav span {
        white-space: nowrap;
    }

    body.askpn .aside-left .article-list .article-ul .article-list-item {
        padding: 14px;
    }

    body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list {
        flex-wrap: wrap;
        gap: 4px 10px;
    }

    body.askpn .aside-left .article-list .article-ul .article-list-item .tx-list .more-info {
        margin-left: auto;
    }

    body.askpn .wenda,
    body.askpn .wenti-huifu .huifu-list .huifu-li,
    body.askpn .aside-left .huifu-edit {
        padding: 16px 14px;
    }

    body.askpn .tiwen_box .tiwen_main {
        width: calc(100% - 28px);
    }
}