.qn-panel[hidden]{display:none!important}.qn-panel{flex:1;min-height:0;overflow:auto;background:#fff;scrollbar-width:thin}.qn-panel [hidden]{display:none!important}.qn-loading{padding:48px 0;color:#8c97a3;font-size:13px}.qn-draft-tip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 6px;padding:10px 14px;border-radius:10px;background:#fbf6ea;border:1px solid #eedfb9;color:#8b6a18;font-size:12px}.qn-link{border:0;background:none;padding:0;color:#8b6a18;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.qn-item{position:relative;display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f4;transition:background .15s}.qn-item-main{flex:1;min-width:0;display:grid;gap:6px;padding:20px 4px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.qn-item-title{font-size:15px;font-weight:650;line-height:1.55;color:#19334c;overflow-wrap:anywhere;transition:color .15s}.qn-item:hover .qn-item-title{color:#aa8134}.qn-item-excerpt{font-size:13px;line-height:1.7;color:#7a8898;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.qn-item-time{font-size:12px;color:#9aa6b2;font-variant-numeric:tabular-nums}.qn-item-arrow{width:16px;height:16px;flex:0 0 16px;margin-right:6px;fill:none;stroke:#b8c3ce;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s,stroke .15s}.qn-item-fresh{animation:qnFresh 1.6s ease}@keyframes qnFresh{0%{background:#fbf3dc}100%{background:transparent}}.qn-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid #edf0f4;margin-bottom:6px}.qn-detail-head h1{font-size:24px;line-height:1.45;color:#17314a;margin:0 0 8px;overflow-wrap:anywhere;letter-spacing:-.4px}.qn-detail-meta{font-size:12px;color:#8c97a3}.qn-detail-actions{display:flex;gap:8px;flex-shrink:0}.qn-panel .qn-detail-body{border:0;padding:8px 0 0;min-height:0}.qn-error{margin-top:14px;padding:10px 14px;border-radius:10px;background:#fdf0f0;color:#ad3b3b;font-size:13px}.qn-edit{display:flex;flex-direction:column;gap:14px}.qn-head{display:flex;gap:16px;justify-content:space-between;align-items:center}.qn-head h2{font-size:22px;color:#132c45;margin:0}.qn-tools{font-size:12px;color:#8190a0;line-height:1.7}.qn-status{font-size:12px;color:#8b6a18;line-height:1.8;flex-shrink:0}.qn-title-input{box-sizing:border-box;width:100%;border:1px solid #dfe7ef;border-radius:12px;padding:12px 16px;font:600 16px/1.5 inherit;font-family:inherit;color:#17314a;background:#fff;outline:none}.qn-title-input:focus{border-color:#c39a43;box-shadow:0 0 0 3px #d8b24a18}.qn-editor{box-sizing:border-box;width:100%;min-height:360px;resize:vertical;border:1px solid #dfe7ef;border-radius:14px;padding:18px;font:14px/1.9 inherit;font-family:inherit;background:#fbfdff;color:#263b50;outline:none}.qn-editor:focus{border-color:#c39a43;box-shadow:0 0 0 3px #d8b24a18}.qn-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qn-tools>span{flex:1}.qn-edit .qn-tools button,.qn-conflict button{font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;border:1px solid #e2d1a1;background:#fff7df;color:#8b6a18;border-radius:9px;cursor:pointer}.qn-edit .qn-tools .qn-cancel{background:#fff;border-color:#dfe6ed;color:#53677c}.qn-panel .qd-button.primary,.qn-edit .qn-tools .qn-save{background:linear-gradient(135deg,#e9c368,#d8b24a);border-color:#dab85b;color:#071d33;box-shadow:0 5px 15px #d8b24a26;font-weight:700}.qn-panel .qd-button.primary:hover:not(:disabled),.qn-edit .qn-tools .qn-save:hover:not(:disabled){background:linear-gradient(135deg,#efcd7e,#dfba56);border-color:#caa447;box-shadow:0 6px 18px #d8b24a33}.qn-edit button:disabled{opacity:.5;cursor:default}.qn-conflict{padding:15px;border-radius:12px;background:#fff7df;color:#8b6a18;font-size:13px;line-height:1.8}.qn-conflict>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.scard .qn-panel .qd-wrap{padding:0}.scard .qn-editor{min-height:300px;font-size:16px}@media(max-width:760px){.qn-head{flex-wrap:wrap;gap:8px}.qn-editor{font-size:16px;padding:14px;min-height:320px}.qn-title-input{font-size:16px}.qn-tools>span{flex-basis:100%}.qn-detail-head{flex-direction:column;gap:12px}.qn-detail-head h1{font-size:20px}}
.qn-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e9f0;border-bottom:0;border-radius:14px 14px 0 0;padding:9px 12px;background:#f8fafc;margin-bottom:-14px}.qn-editor-tabs,.qn-format-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.qn-panel .qn-editor-bar button{font-family:inherit;font-size:12px;border-radius:9px;cursor:pointer}.qn-panel .qn-editor-bar button{border:0;background:transparent;color:#65758a;padding:7px 9px;min-width:30px;min-height:34px}.qn-panel .qn-editor-bar button:hover,.qn-panel .qn-editor-tabs button[aria-pressed=true]{background:#fff3cf;color:#8b6a18}.qn-editor-bar~.qn-editor{border-top-left-radius:0;border-top-right-radius:0}.qn-preview{border:1px solid #dfe7ef;border-radius:0 0 14px 14px;padding:20px;min-height:360px;color:#263b50;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.qn-preview img{display:block;max-width:100%;max-height:640px;object-fit:contain;border-radius:10px;margin:16px 0}.qn-preview pre{overflow:auto;white-space:pre;background:#10243a;color:#f0f4f8;padding:16px;border-radius:10px;font:12px/1.7 monospace}.qn-preview code{font-family:monospace;background:#eef3f8;padding:2px 5px;border-radius:5px}.qn-preview pre code{background:none;padding:0}.qn-preview blockquote{border-left:3px solid #d8b24a;padding:8px 16px;background:#fffbf0;margin:14px 0}.qn-preview p,.qn-preview ul,.qn-preview ol{margin:0 0 14px}.qn-preview ul,.qn-preview ol{padding-left:24px}.qn-preview ul{list-style:disc}.qn-preview ol{list-style:decimal}.qn-preview a{color:#996f13;text-decoration:underline}.qn-preview-empty{color:#8c98a7}.qn-editor-tabs{flex-shrink:0}@media(max-width:760px){.qn-editor-bar{flex-direction:column;align-items:stretch;padding:8px;gap:8px}.qn-format-tools{gap:3px}.qn-panel .qn-format-tools button{min-height:40px;min-width:36px;flex:1}.qn-preview{padding:15px;min-height:320px}}
.qd-tabs button[id^="qnTab"] svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}