:root{--bg: #f5f7fb;--text: #111827;--hint: #6b7280;--link: #0ea5e9;--btn: #111827;--btn-text: #ffffff;--card: #ffffff;--border: #e5e7eb;--badge: #f3f4f6;--accent: #2563eb;--success: #10b981;--error: #ef4444;--container-max: 720px}@media (min-width: 768px){:root{--container-max: 960px}}@media (min-width: 1024px){:root{--container-max: 1180px}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:var(--container-max);margin:0 auto;padding:0 16px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.title{margin:0 0 6px;font-size:22px;font-weight:800}.actions{display:flex;gap:8px}.btn{appearance:none;border:1px solid var(--border);background:var(--btn);color:var(--btn-text);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}.btn.ghost{background:#fff;color:var(--text)}.btn:disabled{opacity:.6;cursor:default}.btn.sm{padding:6px 10px;border-radius:10px;font-size:13px}.row{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 2px 10px #1118270a}.card .h{font-weight:800;font-size:18px}.card .meta{color:var(--hint);margin-top:6px;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.card .meta .badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card .content{white-space:normal;margin-top:10px;line-height:1.6}.card .row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--badge);color:var(--hint);font-weight:600;font-size:12px}.author{display:flex;align-items:center;gap:10px;background:#f6f7fb;border-radius:12px;padding:8px 12px}.avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#475569}.input,select.input,textarea.input{width:100%;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px}textarea.input{resize:vertical;min-height:120px}select.input{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%23848b98' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;padding-right:40px}.admin{margin-top:16px;background:#fff;border:1px dashed var(--border);border-radius:16px;padding:12px}.admin h3{margin:0 0 8px;font-size:16px}.admin .field{margin-bottom:10px}.label{font-size:12px;color:var(--hint);margin-bottom:4px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.toolbtn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.toolbtn.active{background:#111827;color:#fff}.editor{border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-height:160px;background:#fff;line-height:1.5}.subnav{padding:6px 16px 4px}.seg{display:inline-flex;gap:6px;background:#eef1f5;border-radius:18px;padding:4px;align-items:center}.seg-btn{border:0;background:transparent;padding:8px 14px;border-radius:14px;font-weight:800;color:#6b7280;cursor:pointer}.seg-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000f}.seg-btn.muted{opacity:.7;cursor:default}.toasts{position:fixed;top:14px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{display:flex;align-items:center;gap:10px;cursor:pointer;background:#ffffffeb;color:#111827;border:1px solid rgba(17,24,39,.06);border-radius:5px;padding:10px 12px;min-width:240px;box-shadow:0 10px 30px #1118271f;-webkit-backdrop-filter:saturate(180%) blur(4px);backdrop-filter:saturate(180%) blur(4px);transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.toast:hover{box-shadow:0 12px 34px #11182729}.toast.ok{border-left:4px solid var(--success)}.toast.err{border-left:4px solid var(--error)}.toast-text{flex:1 1 auto;line-height:1.4}.toast-close{appearance:none;border:0;background:transparent;color:#9ca3af;font-size:18px;line-height:1;padding:0 2px;cursor:pointer}.toast-close:hover{color:#6b7280}.chat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 2px 10px #1118270a;width:100%}.chat-log{display:flex;flex-direction:column;gap:10px;min-width:30vh;max-height:75vh;min-height:60vh;overflow:auto;padding:4px}.msg{display:inline-flex;max-width:80%;padding:10px 12px;border-radius:12px;border:1px solid var(--border)}.msg.user{align-self:flex-end;background:#eef6ff}.msg.bot{align-self:flex-start;background:#f9fafb}.msg .title{font-weight:800;margin-bottom:4px}.msg .body{white-space:pre-wrap;line-height:1.5}.msg .refs{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.ref{display:inline-flex;align-items:center;max-width:100%;padding:6px 10px;border-radius:999px;background:#1118270a;border:1px solid var(--border);color:#111827;font-weight:600;white-space:normal;word-break:break-word;cursor:pointer;text-align:left}.ref:hover{background:#11182712}.chat-input{display:flex;gap:8px;margin-top:10px}.skeleton{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;color:#6b7280}.drawer-backdrop{position:fixed;inset:0;background:#1118275c;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:40}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;left:0;width:460px;max-width:92vw;background:#fff;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .2s ease;z-index:41;display:flex;flex-direction:column;box-shadow:0 8px 24px #1118271f}.drawer.open{transform:translate(0)}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:12px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.hamburger{width:40px;height:40px;margin-top:5px;border-radius:10px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;background:#fff;cursor:pointer}.hamburger span{width:18px;height:2px;background:#111827;display:block;position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0;right:0;height:2px;background:inherit}.hamburger span:before{top:-6px}.hamburger span:after{top:6px}.user-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fafafa}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#111827;font-weight:800;border:1px solid var(--border)}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-meta{display:flex;flex-direction:column;gap:6px}.user-name{font-size:18px;font-weight:800;color:#111827}.user-line{font-size:14px;color:#374151}.user-line b{font-weight:800;color:#111827}.user-actions{display:grid;gap:8px}