/* 1024f：给 XEER 留言 */
.ct{display:flex;flex-direction:column;gap:14px}
.ct-eye{font:700 11px var(--label);letter-spacing:.22em;color:var(--gold)}
.ct h1{margin:0}
.ct h2{margin:0 0 8px;font:700 22px var(--heading);color:var(--gold)}
.ct-form{display:flex;flex-direction:column;gap:14px;max-width:640px}
.ct-form label,.ct-form legend{font-size:14px;opacity:.9}
.ct-f{display:flex;flex-direction:column;gap:6px;position:relative}
.ct-f input,.ct-f textarea{font:inherit;font-size:16px;color:var(--butter);background:rgba(255,255,255,.05);border:1px solid rgba(254,206,121,.4);padding:12px 14px;border-radius:0;width:100%;box-sizing:border-box}
.ct-f input:focus,.ct-f textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.ct-f textarea{resize:vertical;min-height:130px;line-height:1.7}
.ct-count{position:absolute;right:8px;bottom:6px;opacity:.55;font-size:12px;pointer-events:none}
.ct-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-topics{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ct-topics legend{padding:0 0 8px}
.ct-topics label{cursor:pointer}
.ct-topics input{position:absolute;opacity:0;pointer-events:none}
.ct-topics span{display:inline-block;padding:9px 14px;border:1px solid rgba(254,206,121,.4);font-size:15px}
.ct-topics input:checked+span{background:var(--gold);color:var(--bistre);border-color:var(--gold);font-weight:700}
.ct-topics input:focus-visible+span{outline:2px solid var(--butter);outline-offset:2px}
.ct-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-form .btn-gold{align-self:flex-start;border:0;cursor:pointer;font:700 16px var(--label)}
.ct-done{padding:22px 20px;border:1.5px solid var(--gold);background:rgba(230,163,65,.08);max-width:640px}
.ct-done[hidden],.ct-form[hidden]{display:none}
.ct-mine{margin-top:12px;padding-top:18px;border-top:1px solid rgba(254,206,121,.22);max-width:640px}
.ct-mine ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ct-mine a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(254,206,121,.3);text-decoration:none;transition:background .2s}
.ct-mine a:hover{background:rgba(254,206,121,.08)}
.ct-m-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ct-m-body{font-size:15px;opacity:.85;line-height:1.6}
.st{font-style:normal;font-size:12px;padding:2px 8px;border:1px solid rgba(254,206,121,.45)}
.st-new{color:#F2A58F;border-color:#B14A36}.st-replied{color:#9cbf7a;border-color:#6f9a52}.st-closed{opacity:.6}
.ct-dot{font-style:normal;font-size:11px;background:#B14A36;color:#fff;padding:2px 8px;border-radius:9px}
.ct-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.ct-thread{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:640px}
.ct-thread li{padding:14px 16px;border:1px solid rgba(254,206,121,.3);max-width:88%}
.ct-thread li.me{align-self:flex-end;background:rgba(254,206,121,.08)}
.ct-thread li.xeer{align-self:flex-start;border-color:var(--gold);background:rgba(230,163,65,.12)}
.ct-who{font-size:12px;opacity:.65}
.ct-thread p{margin:6px 0 0;line-height:1.85;white-space:pre-wrap;word-break:break-word}
@media (max-width:560px){.ct-two{grid-template-columns:1fr}.ct-thread li{max-width:100%}}