.topic-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:24px}.topic-layout>section{min-width:0}.topic-card-wrap{position:sticky;top:24px}.topic-heading{font-size:24px;line-height:1.6;margin:16px 0}.topic-state{font-size:12px;color:#92b8a5;margin:12px 0}.topic-state.hidden-state{color:#edbd88}.topic-actions{display:flex;gap:10px;flex-wrap:wrap}.topic-actions button{font-size:13px}.topic-thread{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.topic-thread>p,.topic-reply p{white-space:pre-wrap;line-height:1.8;font-size:14px}.topic-thread strong{font-size:13px;font-weight:500;color:#c4b6ad}.topic-thread button{font-size:12px;padding:4px 12px;min-height:34px}.topic-reply{border-left:1px solid #b978634a;padding:4px 0 4px 16px;margin:16px 0 0 12px}.topic-reply p{margin:6px 0}.topic-discussion h2{font-size:19px;font-weight:500}.topic-discussion label{display:flex;align-items:center;gap:8px}.topic-discussion input[type=checkbox]{width:auto}.topic-discussion textarea{width:100%;min-height:100px;line-height:1.8}.topic-stance{display:flex;gap:8px;flex-wrap:wrap}.topic-stance button{background:#ffffff06;border-color:#ffffff24;font-size:12px}.topic-stance button[aria-pressed=true]{border-color:#ab735f;background:#64403844}.topic-edit{margin-top:20px}.topic-edit form{padding:20px;border:1px solid var(--line);border-radius:12px}.topic-empty{padding:32px 0;color:var(--muted);line-height:1.8}.my-topic{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.my-topic h2{font-size:18px;margin:0 0 8px;font-weight:500}.my-topic p{font-size:12px;margin:0;color:var(--muted)}.blank-card-form{max-width:620px}.blank-card-form textarea{min-height:120px}.blank-card-form p{font-size:14px;color:var(--muted);line-height:1.8}.hidden-state{color:#edbd88}#topic-notice{min-height:24px;color:#eeb699;font-size:14px;line-height:1.8}@media(max-width:760px){.topic-layout{grid-template-columns:1fr;gap:20px}.topic-card-wrap{position:static}.topic-heading{font-size:21px}.topic-layout .paper{width:100%}.topic-discussion{border-top:1px solid var(--line);padding-top:20px}.my-topic{align-items:start}.my-topic a:last-child{white-space:nowrap}.my-topic h2{font-size:16px}
/* 2026-11-10 APP-03：手機上「回覆」「♡」、匿名勾選與我的議題連結觸控區至少 44px，桌機維持原本緊湊尺寸 */
.topic-thread button{min-height:44px;padding:8px 14px;font-size:13px}.topic-discussion label{min-height:44px}.topic-discussion input[type=checkbox]{width:20px;height:20px;margin:0}.my-topic a{display:inline-flex;align-items:center;min-height:44px}}

.comment-actions{display:flex;gap:10px;align-items:center}.comment-like[aria-pressed=true]{color:#ff9bae;border-color:#b86479}.comment-like:disabled{opacity:.5;cursor:default}

/* 入席列（council-topic.js seatRow）：掃碼落地先看到怎麼入席 */
.seat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:12px 16px;border:1px solid #d9b26f3d;border-radius:14px;background:linear-gradient(135deg,#2a141ccc,#170b0fdd);box-shadow:inset 0 1px 0 #ffffff12}.seat-row p{margin:0;font-size:14px;line-height:1.6;color:#e9d9cf}.seat-row strong{color:#f0d39b;font-weight:600}.seat-row .seat-no{margin-left:10px;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.12em;color:#d9b26f;border:1px solid #d9b26f55;border-radius:100px;padding:3px 10px}.seat-row button{background:linear-gradient(180deg,#e6c487,#c99d55);color:#1d1307;border-color:#f0d39b;font-weight:700;letter-spacing:.08em;padding:10px 22px;min-height:42px}.seat-row button:hover:not(:disabled){background:linear-gradient(180deg,#f0d39b,#d4a95e)}@media(max-width:600px){.seat-row{margin-bottom:16px;padding:12px 14px}.seat-row p{font-size:13px}.seat-row button{flex:1;min-width:120px}}

/* 2026-11-10 空白卡／編輯議題：官網議題共創基地同一套編輯器（左卡面即時預覽、右欄位） */
.editor{display:grid;gap:14px}.editor__top{display:flex;justify-content:space-between;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--muted)}.editor__mode{color:var(--red)}
.topic-discussion .efield,.efield{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 16px;margin:0;border-radius:16px;border:1px solid transparent;background:#ffffff06;transition:border-color .3s,background .3s;align-items:stretch}.efield>*{grid-column:1}.efield.is-focus{border-color:#ec645e8c;background:#ec645e12}
.efield>span{font-weight:700;font-size:13px}.efield em{font-style:normal;font-size:11px;color:var(--red);margin-left:6px;font-weight:500}.efield em.opt{color:var(--muted)}
.efield textarea,.efield input,.efield select{width:100%;border:0;border-bottom:1px solid #ffffff2a;background:transparent;color:var(--text);padding:6px 0;font:inherit;font-size:16px;line-height:1.6;resize:vertical;border-radius:0}.efield select{appearance:auto;color-scheme:dark}
.efield[data-field="title"] textarea{font-family:"Noto Serif TC","Songti TC",serif;font-size:20px;font-weight:700;line-height:1.55}.efield textarea:focus,.efield input:focus,.efield select:focus{outline:none;border-bottom-color:var(--red)}
.efield small{justify-self:end;color:var(--muted);font-size:10px;font-family:ui-monospace,monospace}
.editor__actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.editor__save{min-height:48px;padding:0 26px;border-radius:100px;border:0;background:linear-gradient(135deg,#f06a62,#b8322e);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.editor__note{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.desk-head{display:flex;justify-content:space-between;margin:0 0 10px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--muted)}.desk-head .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;animation:pulse 1.6s infinite}@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.paper.is-blank h3{color:#9a9381}.paper .is-lit{text-shadow:0 0 12px #ec645e66}
@media(max-width:760px){.topic-layout{grid-template-columns:1fr;gap:20px}.topic-card-wrap{position:static}}

/* 2026-11-10 刪除議題：危險動作用暖紅字、與編輯並排 */
.danger{color:#ff9b93!important;border-color:#ff9b9355!important}.my-topic__acts{display:inline-flex;gap:8px;align-items:center}.topic-actions a.button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:100px;color:var(--text);text-decoration:none;font-size:13px}#topic-notice button{margin-left:8px}

/* 空白卡：活動未開始的提示與停用的送出鈕 */
.not-live{margin:0 0 14px;padding:12px 16px;border-radius:14px;border:1px solid #d9b26f55;background:#d9b26f14;color:#f0d9a8;font-size:14px;line-height:1.7}.editor__save:disabled{opacity:.55;cursor:not-allowed;background:#4a3a3a}
