/* 最后修改：2026-10-21 14:40:00（北京时间） — 正式建议页面，沿用确认后的简洁布局。 */

.ideas-page,.ideas-dialog{--ideas-ink:#202329;--ideas-muted:#757973;--ideas-line:var(--ws-line,#dfe0dd);--ideas-bg:var(--index-layout-bg,#faf9f5);font-family:var(--font);color:var(--ideas-ink);font-size:14px;line-height:1.7}
html.theme-dark .ideas-page,html.theme-dark .ideas-dialog,body.dark-mode .ideas-page,body.dark-mode .ideas-dialog{--ideas-ink:#eee;--ideas-muted:#a8aaa5;--ideas-line:#3d3f43;--ideas-bg:#1c1d20}
.ideas-page[hidden]{display:none!important}.ideas-page{background:var(--ideas-bg)}
#page-suggestions[data-mode="index"]{position:absolute;left:var(--sidebar);right:0;top:0;bottom:0;overflow:auto;padding:112px 48px 64px;z-index:6}

.ideas-wrap{max-width:780px;margin:0 auto}.ideas-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ideas-heading h1{font-size:24px;line-height:1.5;font-weight:700;margin:0}
.ideas-compose{margin:0}
.ideas-page textarea{display:block;box-sizing:border-box;width:100%;min-height:180px;resize:vertical;padding:18px;border:1px solid #cfd0cc;border-radius:6px;background:var(--ideas-bg);font:15px/1.9 var(--font);color:var(--ideas-ink);outline:none;box-shadow:none}
.ideas-page textarea::placeholder{color:#92958f}.ideas-page textarea:focus{border-color:#888c85;box-shadow:0 0 0 2px #90958a12}.ideas-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.ideas-hint{color:var(--ideas-muted);font-size:12px}.ideas-actions{display:flex;align-items:center;gap:15px}
.ideas-button{font:600 14px var(--font);padding:9px 23px;min-height:40px;border:1px solid var(--ideas-line);border-radius:6px;color:var(--ideas-ink);background:var(--ideas-bg);cursor:pointer}.ideas-button.primary{color:#fff;background:#252525;border-color:#252525}.ideas-button:hover{filter:brightness(.96)}.ideas-button.primary:hover{background:#111}.ideas-button:disabled{opacity:.4;cursor:not-allowed}.ideas-button:focus-visible,.ideas-item summary:focus-visible,.ideas-link:focus-visible{outline:2px solid #777;outline-offset:3px}
.ideas-contact-block{display:flex;flex-direction:column;align-items:center;gap:8px;margin:32px 0 0;color:var(--ideas-muted);font-size:12px}.ideas-contact-qr{display:block;flex:none;padding:0;border:0;background:transparent;cursor:zoom-in}.ideas-contact-qr:focus-visible{outline:2px solid #888;outline-offset:4px}
.ideas-history{margin-top:42px}.ideas-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.ideas-section-title h2{font-size:16px;margin:0;font-weight:600}.ideas-section-title span{font-size:12px;color:var(--ideas-muted)}
.ideas-list{border-top:1px solid var(--ideas-line)}.ideas-item{border-bottom:1px solid var(--ideas-line)}.ideas-item summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:flex-start;gap:15px}.ideas-item summary::-webkit-details-marker{display:none}.ideas-item summary::after{content:'⌄';margin-left:4px;color:var(--ideas-muted);line-height:23px}.ideas-item[open] summary::after{content:'⌃'}.ideas-item-copy{flex:1;min-width:0}.ideas-item-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;line-height:1.7}.ideas-item-meta{display:block;color:var(--ideas-muted);font-size:12px;margin-top:6px}.ideas-status{flex:none;white-space:nowrap;color:var(--ideas-muted);font-size:12px;line-height:24px}.ideas-status.new{color:#167642;font-weight:600}.ideas-status.new::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.ideas-detail{padding:0 0 22px}.ideas-original{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:0 0 22px}.ideas-reply{padding:0 0 0 18px;border-left:2px solid var(--ideas-line);margin-top:18px}.ideas-reply-head{display:flex;align-items:center;gap:14px;font-size:13px;margin-bottom:7px}.ideas-reply-head time{color:var(--ideas-muted);font-size:12px}.ideas-reply p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.ideas-wait{font-size:13px;color:var(--ideas-muted);margin:0}.ideas-empty{padding:25px 0;color:var(--ideas-muted);font-size:14px}
#nav-suggestions{width:100%;border:0;text-align:left;font:inherit;cursor:pointer}.ideas-nav-badge{margin-left:auto;font-size:11px;color:#167642;font-weight:600}.nav-item.active .ideas-nav-badge{color:#d2eddb}.ideas-alert{font-size:13px;margin:12px 0 0;color:#a53c31}.ideas-alert:empty{display:none}.ideas-alert.success{color:#167642}
.ideas-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:1px solid var(--ideas-line);border-radius:10px;background:var(--ideas-bg);max-height:calc(100dvh - 40px);overflow:auto}.ideas-dialog::backdrop{background:rgba(0,0,0,.34)}.ideas-dialog h2{font-size:20px;margin:0;text-align:center}.ideas-dialog p{color:var(--ideas-muted);font-size:13px;margin:0}.ideas-confirm-content{border-top:1px solid var(--ideas-line);border-bottom:1px solid var(--ideas-line);margin:22px 0;padding:18px 0;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.ideas-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.ideas-dialog-actions .ideas-button{min-width:112px}
.ideas-qr-dialog{width:340px;text-align:center}.ideas-qr-window{position:relative;width:240px;max-width:100%;aspect-ratio:1;overflow:hidden;background:#fff;margin:20px auto 10px}
/* 复用宣传页原图与相同展示窗口，不重新生成或修改二维码码点。 */
.ideas-qr-window img{position:absolute;width:125.274725%;max-width:none;height:auto;left:-12.637363%;top:-49.450549%}.ideas-dialog .ideas-wechat-number{font-size:15px;user-select:all;color:var(--ideas-ink);margin-bottom:22px}.ideas-qr-dialog .ideas-button{min-width:112px}
.ideas-contact-qr .ideas-qr-window{width:100px;margin:0}
.ideas-admin-page{max-width:960px;margin:0 auto}.ideas-admin-page .ideas-heading{margin-bottom:8px}.ideas-admin-page .ideas-list{margin-top:24px}.ideas-admin-page .ideas-item summary{padding:22px 0}.ideas-admin-page .ideas-item-title{-webkit-line-clamp:2}.ideas-admin-page .ideas-reply-compose{margin-top:24px}.ideas-reply-compose label{display:block;font-weight:600;margin-bottom:8px}.ideas-reply-compose textarea{min-height:112px}.ideas-admin-page .ideas-toolbar{display:flex;gap:8px;margin-top:25px}.ideas-filter{border:1px solid transparent;border-radius:5px;background:none;padding:6px 12px;font:13px var(--font);cursor:pointer;color:var(--ideas-muted)}.ideas-filter[aria-pressed=true]{border-color:var(--ideas-line);color:var(--ideas-ink);font-weight:600}.ideas-admin-note{font-size:13px;color:var(--ideas-muted);margin:0}
@media(max-width:760px){#page-suggestions[data-mode="index"]{left:0;padding:100px 20px 35px}.ideas-heading h1{font-size:23px}.ideas-heading{margin-bottom:22px}.ideas-page textarea{min-height:170px;font-size:16px;padding:14px}.ideas-compose-foot{gap:10px;align-items:center;flex-wrap:wrap}.ideas-privacy{flex:1 0 100%}.ideas-actions{width:100%;justify-content:space-between;gap:10px}.ideas-button{padding:9px 19px}.ideas-history{margin-top:34px}.ideas-item summary{gap:8px}.ideas-item-title{-webkit-line-clamp:2}.ideas-item-meta{font-size:11px}.ideas-status{font-size:11px}.ideas-reply-head{flex-wrap:wrap;gap:6px}.ideas-dialog{padding:22px}.ideas-dialog-actions .ideas-button{padding-inline:17px}}

/* 2026-10-21 14:14:53（北京时间）— 覆盖主界面输入框旧白底，保持统一暖米白。 */
html body #page-suggestions textarea{background:var(--ideas-bg)!important;color:var(--ideas-ink)!important;border-color:var(--ideas-line)!important}
html body #page-suggestions[data-mode="index"] textarea:focus,html body #page-suggestions[data-mode="admin"] textarea:focus{border-color:#8b8f87!important}

/* 2026-10-21 14:15:43（北京时间）— 展开直接阅读完整建议，不重复展示正文。 */
.ideas-item[open] .ideas-item-title{display:block;-webkit-line-clamp:unset;white-space:pre-wrap;overflow-wrap:anywhere}


/* 2026-10-21 14:24:05（北京时间）— 以视口中心定位，不依赖原生 dialog 自动外边距，用户/管理端共用。 */
html body dialog.ideas-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 40px)!important}
html body dialog.ideas-dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

html[data-current-page="suggestions"] body .topbar{visibility:hidden}
.ideas-admin-page{padding:38px 24px;background:var(--ideas-bg)}
.ideas-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px}
.ideas-pager:empty{display:none}.ideas-nav-badge[hidden]{display:none}
@media(max-width:760px){.ideas-admin-page{padding:22px 6px}.ideas-pager{justify-content:center}}