@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg: oklch(98.9% .006 70);--paper: oklch(99.6% .004 75);--ink: oklch(20% .02 260);--ink-soft: oklch(42% .02 260);--line: oklch(78% .03 260);--accent: oklch(55% .12 30);--shadow: 0 12px 22px color-mix(in oklab, var(--ink) 10%, transparent);--rainbow-1: oklch(68% .14 25);--rainbow-2: oklch(74% .12 95);--rainbow-3: oklch(76% .12 150);--rainbow-4: oklch(70% .12 220);--rainbow-5: oklch(66% .12 300);--thread-workspace-h: min(82vh, 840px)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"M PLUS Rounded 1c",Noto Sans SC,PingFang SC,sans-serif;background:repeating-linear-gradient(120deg,color-mix(in oklab,var(--ink) 3%,transparent),color-mix(in oklab,var(--ink) 3%,transparent) 1px,transparent 1px,transparent 6px),var(--bg)}.page{position:relative;width:min(920px,100% - 2.4rem);margin:0 auto;padding:clamp(2.2rem,4vw,3.3rem) 0}.auth-wrap{position:relative;z-index:2;background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:clamp(1rem,2vw,1.6rem);box-shadow:var(--shadow)}.hero{padding:.35rem .2rem 1rem;animation:rise .6s ease-out}.hero-split{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.user-card{min-width:200px;max-width:280px;border:2px solid var(--ink);border-radius:20px;padding:.55rem .7rem;background:#fff7ec;box-shadow:2px 2px color-mix(in oklab,var(--ink) 14%,transparent);position:relative;font-family:YouYuan,幼圆,Yuanti SC,STYuanti-SC,PingFang SC,sans-serif}.user-card:before{content:"";position:absolute;top:10px;right:12px;width:8px;height:8px;border-radius:999px;background:#ffb24d;border:1px solid var(--ink)}.user-line{margin:.15rem 0;font-size:.85rem}.logout-btn{margin-top:.4rem;padding:.25rem .65rem;border-radius:999px}.brand-mark{width:80px;height:56px;margin-bottom:.5rem}.brand-mark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 10px color-mix(in oklab,var(--ink) 10%,transparent))}.kicker{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--rainbow-4)}h1{margin:.25rem 0;font-family:"M PLUS Rounded 1c",Noto Sans SC,sans-serif;font-size:clamp(2rem,5vw,2.9rem);line-height:1.1;color:var(--rainbow-1)}.lead{margin:0;color:var(--rainbow-3);font-size:.95rem}.panel{border-radius:16px;border:2px solid var(--ink);background:var(--paper);padding:clamp(.9rem,2vw,1.2rem);animation:fade-slide .5s ease-out}.app-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 .9rem}.tab-btn{border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);padding:.4rem .95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tab-btn.is-active{box-shadow:3px 3px color-mix(in oklab,var(--ink) 18%,transparent)}.section-title{margin:0;font-size:1.1rem;color:var(--rainbow-2)}.empty-state{border:2px dashed color-mix(in oklab,var(--ink) 40%,var(--line));border-radius:14px;padding:.8rem;color:var(--ink-soft)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.4rem}.editor{min-height:220px;border:2px solid color-mix(in oklab,var(--ink) 70%,var(--line));border-radius:12px;padding:.7rem .8rem;background:var(--paper);outline:none}.editor:empty:before{content:attr(data-placeholder);color:var(--ink-soft)}.history{display:grid;gap:.7rem}.history-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.search{min-width:180px}.history-list{display:grid;gap:.7rem}.history-card{border:2px solid var(--ink);border-radius:14px;padding:.7rem .8rem;background:var(--paper)}.history-link{display:block;width:100%;border:none;padding:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.history-link:hover h4{text-decoration:underline}.history-card h4{margin:0 0 .35rem;font-size:1rem;color:var(--rainbow-5)}.history-time{display:inline-block;margin-top:.35rem;font-size:.78rem;color:var(--ink-soft)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.picked-list{display:grid;gap:.7rem}.picked-item{border:2px dashed var(--ink);border-radius:16px;padding:.85rem 1rem;background:#fff8e6;text-align:left;font:inherit;cursor:pointer;display:grid;gap:.35rem}.picked-item:hover h3{text-decoration:underline}.picked-prompt{border:2px solid var(--ink);border-radius:16px;padding:.85rem 1rem;background:#fffdf5;display:grid;gap:.6rem}.picked-actions{display:flex;flex-wrap:wrap;gap:.5rem}.detail-card{border:2px solid var(--ink);border-radius:16px;padding:1rem 1.1rem;background:var(--paper);display:grid;gap:.6rem}.detail-body{color:var(--ink);line-height:1.8}.thread-grid{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:.8rem;align-items:start}.thread-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.thread-tools .search{flex:1 1 220px}.thread-filter-group{display:flex;gap:.45rem;flex-wrap:wrap}.ghost.is-active{background:color-mix(in oklab,var(--rainbow-2) 20%,var(--paper));color:var(--ink);box-shadow:2px 2px color-mix(in oklab,var(--ink) 12%,transparent)}.thread-list{display:grid;gap:.45rem;height:var(--thread-workspace-h);overflow:auto;align-content:start;padding-right:.15rem}.thread-item{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.5rem;border:2px solid var(--ink);border-radius:12px;padding:.45rem .6rem;background:var(--paper);text-align:left;font:inherit;cursor:pointer;min-height:64px}.thread-item.is-active{border-color:var(--rainbow-5);box-shadow:0 0 0 2px #ffb55240}.thread-avatar{width:38px;height:38px;border-radius:12px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:700;color:var(--ink);background:#fff0da}.thread-main{display:grid;gap:.1rem;min-width:0}.thread-main strong{font-size:.95rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;min-width:0}.thread-badge{font-size:.72rem;color:var(--ink);border:1px dashed var(--ink);border-radius:999px;padding:.1rem .45rem;background:#fff7ec;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-detail{border:2px solid var(--ink);border-radius:14px;padding:.7rem .8rem;background:var(--paper);display:grid;gap:.9rem;grid-template-rows:auto 1fr auto;height:var(--thread-workspace-h);min-height:0}.thread-intro{border:1px dashed var(--ink);border-radius:12px;padding:.6rem .7rem;background:#fff9ef;display:grid;gap:.4rem}.intro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.thread-intro h3{margin:0;font-size:1rem;color:var(--ink)}.intro-preview{margin:0;padding:0;border:0;background:transparent;font:inherit;text-align:left;width:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.intro-preview:hover{text-decoration:underline}.message-list{display:grid;gap:.6rem;max-height:none;min-height:0;overflow:auto;padding-right:.15rem;padding-bottom:.25rem}.message-card{border:1px solid var(--ink);border-radius:10px;padding:.62rem .72rem;background:#fff;display:grid;gap:.35rem;max-width:72%;text-align:left;cursor:pointer}.message-card.is-active{border-color:var(--rainbow-5);box-shadow:0 0 0 2px #ffb55240}.message-card.is-self{margin-left:auto;background:#e9f3ff}.message-card.is-peer{margin-right:auto;background:#fff6e6}.message-body{color:var(--ink);line-height:1.6;white-space:normal;word-break:break-word}.message-detail{border:2px dashed var(--ink);border-radius:12px;padding:.6rem .7rem;background:#fffdf5;display:grid;gap:.5rem}.message-detail-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.message-detail-body{color:var(--ink);line-height:1.7}.message-compose{display:grid;gap:.62rem;position:sticky;bottom:0;background:color-mix(in oklab,var(--paper) 94%,white);border-top:1px dashed color-mix(in oklab,var(--ink) 35%,transparent);padding-top:.7rem}.message-compose.is-fullscreen{position:fixed;inset:1rem;z-index:40;bottom:auto;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:.85rem;border-top:2px solid var(--ink);box-shadow:0 20px 46px color-mix(in oklab,var(--ink) 24%,transparent);grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.message-compose .editor-toolbar{display:flex;align-items:center;gap:.45rem;padding:.42rem .5rem;border-radius:14px;border:1px solid var(--ink);background:#fff;box-shadow:inset 0 1px color-mix(in oklab,white 60%,transparent);overflow-x:auto}.message-compose .editor-toolbar.advanced{border-style:dashed;border-color:color-mix(in oklab,var(--ink) 45%,transparent)}.toolbar-group{display:flex;align-items:center;gap:.36rem;flex:0 0 auto}.toolbar-group.palette{gap:.3rem}.toolbar-divider{width:1px;height:24px;background:color-mix(in oklab,var(--ink) 26%,transparent);flex:0 0 auto}.tool-btn{width:34px;height:34px;border:1.5px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.tool-btn:hover{transform:translateY(-1px)}.tool-btn.is-active{background:color-mix(in oklab,var(--rainbow-4) 20%,var(--paper));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--rainbow-4) 34%,transparent)}.tool-toggle{margin-left:auto;border:1.5px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:.8rem;padding:.45rem .62rem;cursor:pointer;white-space:nowrap;flex:0 0 auto}.tool-toggle.is-active{background:color-mix(in oklab,var(--rainbow-2) 20%,var(--paper))}.tool-pill{border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink-soft);font:inherit;font-size:.78rem;padding:.32rem .62rem;cursor:pointer;flex:0 0 auto}.tool-pill.is-active{color:var(--ink);background:color-mix(in oklab,var(--rainbow-3) 20%,var(--paper))}.message-compose .color-swatch{width:22px;height:22px;border-radius:999px;border:1.5px solid var(--ink);cursor:pointer;flex:0 0 auto;transition:transform .16s ease,box-shadow .16s ease}.message-compose .color-swatch:hover{transform:translateY(-1px)}.message-compose .color-swatch.is-active{box-shadow:0 0 0 2px color-mix(in oklab,var(--paper) 92%,transparent),0 0 0 4px color-mix(in oklab,var(--ink) 36%,transparent)}.editor-hint{font-size:.76rem;margin-top:-.12rem}.message-editor{min-height:170px;max-height:320px;border:2px solid color-mix(in oklab,var(--ink) 70%,var(--line));border-radius:12px;padding:.72rem .78rem;background:#fffdf5;line-height:1.75;outline:none;overflow:auto;overscroll-behavior:contain}.message-compose.is-fullscreen .message-editor{min-height:0;max-height:none;height:100%}.message-editor:focus{border-color:var(--rainbow-4);box-shadow:0 0 0 3px color-mix(in oklab,var(--rainbow-4) 18%,transparent)}.message-editor:empty:before{content:attr(data-placeholder);color:var(--ink-soft)}.message-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.reply-modal-mask{position:fixed;inset:0;z-index:45;background:color-mix(in oklab,var(--ink) 32%,transparent);display:grid;place-items:center;padding:1.1rem}.reply-modal{width:min(820px,calc(100vw - 1.8rem));max-height:82vh;overflow:auto;border:2px solid var(--ink);border-radius:16px;background:var(--paper);padding:.85rem .95rem;display:grid;gap:.75rem;box-shadow:0 18px 40px color-mix(in oklab,var(--ink) 25%,transparent);animation:modal-in .22s ease-out}.reply-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;border-bottom:1px dashed color-mix(in oklab,var(--ink) 35%,transparent);padding-bottom:.5rem}.reply-modal-body{color:var(--ink);line-height:1.8;word-break:break-word}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-float{position:fixed;right:1.2rem;top:1.2rem;transform:none;z-index:20;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--ink);background:#fff1f1;color:#b30000;font-size:.85rem;box-shadow:3px 3px color-mix(in oklab,var(--ink) 14%,transparent);animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.compose{display:grid;gap:.8rem}.compose-head{display:flex;align-items:center;justify-content:space-between}.stack{display:grid;gap:.9rem}.field{display:grid;gap:.45rem}.field span{font-size:.9rem;color:var(--ink-soft)}input,textarea{width:100%;border:2px solid color-mix(in oklab,var(--ink) 70%,var(--line));background:var(--paper);border-radius:12px;padding:.68rem .75rem;font:inherit;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in oklab,var(--ink) 12%,transparent)}.primary{border:0;border-radius:14px;background:var(--ink);color:var(--paper);font-weight:700;padding:.74rem .95rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease;box-shadow:4px 4px color-mix(in oklab,var(--ink) 18%,transparent)}.primary:hover{transform:translateY(-2px);opacity:.9}.pick-btn{display:inline-flex;align-items:center;gap:.6rem}.pick-icon{width:32px;height:22px;display:inline-flex;align-items:center;justify-content:center;animation:pick-float 2.6s ease-in-out infinite}.pick-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 8px color-mix(in oklab,var(--ink) 18%,transparent))}.primary:disabled{cursor:progress;opacity:.75}.word-card{border:2px dashed color-mix(in oklab,var(--ink) 45%,var(--line));border-radius:16px;padding:.75rem;background:var(--paper)}.word-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}.ghost{border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink-soft);padding:.35rem .68rem;font:inherit;font-size:.84rem;cursor:pointer}.word-grid{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feedback{margin-top:.9rem;display:grid;gap:.55rem}.feedback p{margin:0;font-size:.9rem}.hint,.error,.ok{padding:.62rem .72rem;border-radius:10px;border:2px solid var(--ink);background:var(--paper)}.error,.ok{border-color:var(--ink)}.result{border-radius:12px;border:2px solid var(--ink);background:var(--paper);padding:.65rem .75rem;word-break:break-all;display:grid;gap:.6rem}.result .primary{width:fit-content}.result code{font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.subtle{margin:0;font-size:.82rem;color:var(--ink-soft)}.auth-switch{display:flex;align-items:center;justify-content:flex-start;min-height:1.6rem;margin-bottom:.6rem;font-size:.9rem}.switch-inline{display:inline-flex;align-items:center;gap:.5rem}.switch-label,.switch-dot{color:var(--ink-soft)}.text-link{border:0;padding:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;cursor:pointer}.form-fade{animation:form-in .35s ease-out}.cranes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.crane{position:absolute;width:120px;height:70px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 70' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 35 L40 12 L60 35 L78 6 L115 35 L60 35 L40 58 Z'/><path d='M60 35 L60 64'/></svg>");background-size:contain;background-repeat:no-repeat;opacity:.18;user-select:none;animation:float 8s ease-in-out infinite}.crane-a{top:8%;left:2%;transform:rotate(-6deg)}.crane-b{top:78%;right:4%;transform:rotate(8deg);animation-delay:1.4s}.crane-c{top:18%;right:13%;transform:rotate(3deg) scale(.8);animation-delay:.7s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes form-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pick-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@media(max-width:760px){.page{width:min(640px,100% - 1.2rem)}.word-grid{grid-template-columns:1fr 1fr}.crane{width:92px;height:54px;opacity:.12}.brand-mark{width:70px;height:50px}.hero-split{flex-direction:column}.thread-grid{grid-template-columns:1fr}.thread-tools{flex-direction:column;align-items:stretch}.thread-filter-group{width:100%}.thread-filter-group .ghost{flex:1;text-align:center}.thread-detail{height:auto;min-height:auto}.thread-list{height:auto;max-height:45vh}.message-list{max-height:52vh}.message-compose{padding-bottom:.2rem}.message-compose.is-fullscreen{inset:.5rem;padding:.65rem}.tool-toggle{margin-left:0}.message-compose .editor-toolbar{gap:.35rem}.message-editor{min-height:150px;max-height:260px}.reply-modal{width:min(680px,calc(100vw - 1.1rem));max-height:86vh}}@media(prefers-reduced-motion:reduce){.crane,.primary,.hero,.panel,.form-fade,.pick-icon{animation:none!important;transition:none!important}}