.qn-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.06);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:99989;transition:opacity .3s ease;opacity:0}.qn-overlay.active{display:block;opacity:1}.qn-container{z-index:99990;font-family:'Noto Sans SC',sans-serif}.qn-main-btn-wrap{position:fixed;bottom:116px;right:30px;z-index:99991;display:flex;align-items:flex-start;gap:0}.qn-main-btn-wrap.dragging{transition:none!important;user-select:none}.qn-main-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:grab;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 20px rgba(220,38,38,.5);transition:box-shadow .3s ease}#qnMainBtn:active{cursor:grabbing}#qnMainBtn.dragging{animation:none;transition:none}.qn-main-close{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#1a1a1a;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99992;box-shadow:0 2px 6px rgba(0,0,0,.3);opacity:1}.qn-main-close:hover{background:#dc2626}.qn-main-close:hover{background:#dc2626}.qn-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(168,85,247,.4);box-shadow:0 0 15px rgba(168,85,247,.5);z-index:0;pointer-events:none;opacity:0;animation:none}.qn-pulse-2{background:rgba(139,92,246,.4)}#qnMainBtn.ring-active .qn-pulse{opacity:1;animation:qnPulseAnim 2.5s ease-out infinite}#qnMainBtn.ring-active .qn-pulse-2{opacity:1;animation:qnPulseAnim 2.5s ease-out infinite;animation-delay:1.25s}@keyframes qnPulseAnim{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}#qnMainBtn:hover{transform:scale(1.1)}.qn-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}#qnMainBtn.ring-active .qn-pulse,#qnMainBtn.ring-active .qn-pulse-2{opacity:1}.qn-hover-tip{position:fixed;background:rgba(15,23,42,.6);color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;max-width:none;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:99991;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto;cursor:pointer}.qn-hover-tip.show{opacity:1;transform:translateY(0)}.qn-hover-tip::after{content:'';position:absolute;bottom:-6px;right:24px;width:12px;height:12px;background:rgba(15,23,42,.85);transform:rotate(45deg)}.qn-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:580px;max-width:94vw;height:320px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 20px 50px -5px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;z-index:99990;flex-direction:column}.qn-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#6366f1);background-size:200% 100%;animation:qnGradientShift 3s ease infinite;z-index:10}@keyframes qnGradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.qn-panel.active{display:flex}.qn-panel.dragging{transition:none!important;user-select:none;cursor:grabbing}.qn-panel-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:48px;padding:10px 20px 8px 20px;gap:10px;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);color:#0f172a;font-size:15px;font-weight:700;cursor:grab;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;letter-spacing:.3px;position:relative;z-index:5}.qn-panel-header .qn-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1e293b;letter-spacing:.3px;font-family:'Segoe UI','Noto Sans SC',system-ui,sans-serif}.qn-panel-header .qn-title::before{content:'';display:inline-block;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='bg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230f4c75'/%3E%3Cstop offset='1' stop-color='%231b6ca8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paper' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23f0f9ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='14' fill='url(%23bg)'/%3E%3Crect x='9' y='8' width='14' height='15' rx='1.5' fill='url(%23paper)' stroke='%23bae6fd' stroke-width='0.8'/%3E%3Cpath d='M19 23l4-4v4h-4z' fill='%23e0f2fe' stroke='%23bae6fd' stroke-width='0.5'/%3E%3Cline x1='12' y1='13' x2='20' y2='13' stroke='%237dd3fc' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='12' y1='16' x2='18' y2='16' stroke='%237dd3fc' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='12' y1='19' x2='16' y2='19' stroke='%237dd3fc' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M21.5 6.5l2 2-6 6-2.5.5.5-2.5 6-6z' fill='%23fbbf24' stroke='%23f59e0b' stroke-width='0.5'/%3E%3Cpath d='M20 8l3-3 1.5 1.5-3 3z' fill='%23f97316'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 8px rgba(15,76,117,.4))}.qn-panel-header:active{cursor:grabbing}.qn-header-actions{display:flex;gap:8px}.qn-header-actions button{background:0 0;border:none;color:#94a3b8;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.qn-header-actions button:hover{background:#f1f5f9;color:#ef4444}.qn-panel-body{flex:1;display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden;min-height:0;gap:0;background:#fff}.qn-section-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px 10px 16px;background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;width:100%;box-sizing:border-box}.qn-section-hint-left{grid-column:1;justify-self:start;font-size:10px;color:#94a3b8;white-space:nowrap;overflow:visible;max-width:60%;line-height:1.4;padding-right:12px;font-style:italic;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.qn-section-title{grid-column:2;text-align:center;font-size:12px;font-weight:600;color:#475569;white-space:nowrap;letter-spacing:1.5px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;position:relative}.qn-section-title::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:1px}.qn-section-btn{grid-column:3;justify-self:end;font-size:11px;font-weight:600;color:#475569;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;padding:7px 16px;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.2px}.qn-section-btn:hover{background:linear-gradient(180deg,#f8fafc 0,#f1f5f9 100%);border-color:#c7d2fe;color:#4f46e5;box-shadow:0 3px 8px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.9);transform:translateY(-1px)}.qn-section-btn:active{background:linear-gradient(180deg,#e0e7ff 0,#c7d2fe 100%);border-color:#a5b4fc;color:#4338ca;transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(99,102,241,.1),inset 0 1px 0 rgba(255,255,255,.5)}.qn-section-btn:hover{background:linear-gradient(180deg,#f8fafc 0,#f1f5f9 100%);border-color:#cbd5e1;color:#0f172a;box-shadow:0 3px 6px rgba(0,0,0,.1);transform:translateY(-1px)}.qn-section-btn:active{background:linear-gradient(180deg,#f1f5f9 0,#e2e8f0 100%);transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(0,0,0,.06)}.qn-list-section{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:#fff;padding:0}.qn-list-section .qn-section-header{display:none}.qn-col-switcher{position:absolute;top:4px;right:12px;z-index:20;display:flex;gap:4px;z-index:20;background:rgba(255,255,255,.9);padding:3px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.qn-col-btn{width:24px;height:20px;border:none;background:#e2e8f0;color:#475569;font-size:10px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.qn-col-btn:hover{background:#cbd5e1}.qn-col-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.qn-input-section{flex:1;min-height:60px;display:flex;flex-direction:column;padding:2px 4px 4px 4px;overflow:hidden;background:#fff}.qn-input-section .qn-section-header{display:none}.qn-input-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 6px 6px 6px;gap:0;min-height:0;margin:0}.qn-textarea{flex:1;width:100%;padding:6px 8px;margin:0;border:2px dashed #cbd5e1;border-radius:8px;font-size:13px;resize:none;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,#fafbfc 0,#fff 100%);line-height:1.7;min-height:60px;color:#1e293b;transition:all .2s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.03)}.qn-textarea.drag-over{border-color:#6366f1;background:rgba(99,102,241,.05);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.qn-notes-list.drag-over{border-color:#10b981;background:rgba(16,185,129,.05)}.qn-textarea:focus{outline:0;border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.1),inset 0 1px 3px rgba(0,0,0,.03)}.qn-textarea::placeholder{color:#cbd5e1;font-style:italic}.qn-textarea:hover{border-color:#94a3b8}.qn-textarea:hover{border-color:#94a3b8}.qn-textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12),inset 0 1px 2px rgba(0,0,0,.04)}.qn-textarea::placeholder{color:#94a3b8}.qn-email-row{display:flex;gap:8px;align-items:center;padding:0;margin:0}.qn-email{flex:1;min-width:120px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:12px;box-sizing:border-box;background:rgba(255,255,255,.15);color:#fff}.qn-email::placeholder{color:rgba(255,255,255,.6)}.qn-email:focus{outline:0;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.25)}.qn-email:focus{outline:0;border-color:#0a2540}.qn-submit{padding:9px 16px;white-space:nowrap;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.qn-submit:hover{opacity:.9}.qn-submit:disabled{opacity:.5;cursor:not-allowed}.qn-result{margin:3px 0 0 0;text-align:center;font-size:12px;line-height:1.2;min-height:0}.qn-result.success{color:#059669}.qn-result.error{color:#dc2626}.qn-reopen{display:none;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:rgba(10,37,64,.6);color:#fff;align-items:center;justify-content:center}.qn-reopen:hover{background:rgba(10,37,64,.9);transform:scale(1.1)}.qn-reopen.show{display:flex}.nav-qn-reopen{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;margin:0 6px;transition:transform .2s}.nav-qn-reopen:hover{transform:scale(1.1)}.nav-qn-reopen.show{display:flex}.qn-container.minimized .qn-panel{display:none}.qn-container.minimized .qn-main-btn{display:none}.qn-container.minimized .qn-reopen{display:flex}@media (max-width:768px){.qn-container{bottom:140px;right:10px}.qn-panel{width:calc(100vw - 40px);right:0}}.qn-title{font-weight:600;font-size:14px;white-space:nowrap}.qn-page-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;cursor:pointer;max-width:150px}.qn-page-select option{color:#333;background:#fff}.qn-email-display{background:#eef2ff;padding:5px 12px;border-radius:6px;font-size:12px;color:#4f46e5;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #c7d2fe;font-weight:500}.qn-panel-header .qn-email{flex:1;min-width:140px;max-width:200px;padding:7px 12px;border:1.5px solid #94a3b8;border-radius:6px;background:#fff;color:#0f172a;font-size:12px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.08)}.qn-panel-header .qn-email::placeholder{color:#64748b;font-weight:400}.qn-panel-header .qn-email:focus{outline:0;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.qn-panel-header .qn-submit{padding:7px 18px;background:linear-gradient(135deg,#0f4c75 0,#1b6ca8 100%);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px rgba(15,76,117,.3);letter-spacing:.3px}.qn-panel-header .qn-submit:hover{background:linear-gradient(135deg,#0a3d5c 0,#155a8a 100%);box-shadow:0 4px 12px rgba(15,76,117,.4);transform:translateY(-1px)}.qn-panel-header .qn-submit:disabled{opacity:.5;cursor:not-allowed}.qn-panel-header .qn-save-note,.qn-panel-header .qn-show-selected{padding:5px 12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.qn-panel-header .qn-save-note:hover,.qn-panel-header .qn-show-selected:hover{opacity:.9}.qn-time-display{font-size:11px;color:rgba(0,0,0,.4);text-align:right;padding:2px 8px;flex-shrink:0}.qn-notes-list{flex:1;overflow-y:auto;padding:12px 10px;min-height:60px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);background-size:20px 20px,20px 20px,100% 100%;margin:0 6px 2px 6px;box-sizing:border-box;transition:border-color .2s;display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px 10px}.qn-notes-list:hover{border-color:#94a3b8}.qn-notes-list::-webkit-scrollbar{width:6px}.qn-notes-list::-webkit-scrollbar-track{background:0 0}.qn-notes-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.qn-notes-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.qn-note-item{position:relative;padding:18px 10px 10px 10px;margin-bottom:0;width:calc(50% - 5px);min-height:90px;transition:all .3s cubic-bezier(.4, 0, .2, 1);background:linear-gradient(135deg,#fffde7 0,#fff9c4 100%);border-radius:2px;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:2px 3px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);transform:rotate(-1deg);overflow:visible;box-sizing:border-box}.qn-note-item::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(-2deg);width:60px;height:18px;background:linear-gradient(180deg,rgba(200,200,200,.6) 0,rgba(180,180,180,.4) 100%);border-left:1px dashed rgba(255,255,255,.5);border-right:1px dashed rgba(255,255,255,.5);box-shadow:0 1px 2px rgba(0,0,0,.1)}.qn-note-item:nth-child(5n+1){background:linear-gradient(135deg,#fffde7 0,#fff9c4 100%);transform:rotate(-1.5deg)}.qn-note-item:nth-child(5n+2){background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);transform:rotate(1deg)}.qn-note-item:nth-child(5n+3){background:linear-gradient(135deg,#fce4ec 0,#f8bbd9 100%);transform:rotate(-1deg)}.qn-note-item:nth-child(5n+4){background:linear-gradient(135deg,#e8f5e9 0,#c8e6c9 100%);transform:rotate(1.5deg)}.qn-note-item:nth-child(5n){background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);transform:rotate(-.5deg)}.qn-notes-list.cols-3 .qn-note-item{width:calc(33.333% - 7px);min-height:70px}.qn-notes-list.cols-3 .qn-note-text{font-size:11px;-webkit-line-clamp:2}.qn-notes-list.cols-4 .qn-note-item{width:calc(25% - 8px);min-height:60px;padding:12px 6px 8px 6px}.qn-notes-list.cols-4 .qn-note-text{font-size:10px;-webkit-line-clamp:2}.qn-notes-list.cols-4 .qn-note-num{display:none!important}.qn-notes-list.cols-5 .qn-note-item{width:calc(20% - 8px);min-height:50px;padding:10px 5px 6px 5px}.qn-notes-list.cols-5 .qn-note-text{font-size:9px;-webkit-line-clamp:1}.qn-notes-list.cols-5 .qn-note-num{font-size:7px;padding:1px 4px}.qn-notes-list.cols-5 .qn-note-meta{display:none}.qn-note-item.selected{transform:rotate(0) scale(1.02);box-shadow:0 0 0 2px #6366f1,4px 6px 16px rgba(99,102,241,.25);z-index:5}.qn-note-item.selected::before{background:linear-gradient(180deg,rgba(99,102,241,.5) 0,rgba(99,102,241,.3) 100%)}.qn-note-item{position:relative;z-index:1}.qn-note-item:hover{z-index:5;box-shadow:0 4px 12px rgba(0,0,0,.15)}.qn-note-checkbox{position:absolute;left:5px;bottom:5px;width:14px;height:14px;cursor:pointer;accent-color:#6366f1;z-index:2}.qn-note-selected-badge{position:absolute;top:2px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:4px;background:rgba(16,185,129,.25);color:#065f46;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;pointer-events:auto;z-index:10}.qn-note-item.selected .qn-note-selected-badge{display:flex}.qn-note-text{font-size:13px;color:#1f2937;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;padding-left:4px}.qn-note-num{display:none!important}.qn-note-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:rgba(0,0,0,.5);padding-top:6px;border-top:1px dashed rgba(0,0,0,.1)}.qn-note-page{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.qn-notes-list .qn-notes-list .qn-empty-hint{width:100%;text-align:center}.qn-empty-hint{width:100%;text-align:center}.qn-notes-list .qn-empty-hint{width:100%;text-align:center}.qn-empty-hint{text-align:center;color:rgba(0,0,0,.3);font-size:12px;padding:20px 0}.qn-input-area{flex-shrink:0;position:relative}.qn-drag-handle{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px rgba(99,102,241,.4);transition:all .2s ease;z-index:10;user-select:none}.qn-drag-handle:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 4px 12px rgba(99,102,241,.6)}.qn-drag-handle:active{cursor:grabbing;transform:translateX(-50%) scale(.95)}.qn-drag-handle::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:auto;transition:opacity .2s;margin-bottom:4px}.qn-drag-handle:hover::after{opacity:1}.qn-resize-handle{position:absolute;bottom:0;right:0;width:24px;height:24px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(232,93,38,.6) 50%);border-radius:0 0 12px 0;z-index:100;opacity:.7}.qn-resize-handle:hover{opacity:1;background:linear-gradient(135deg,transparent 50%,rgba(232,93,38,.9) 50%)}.qn-resize-reset{background:rgba(255,255,255,.15);border:none;color:#fff;font-size:14px;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qn-resize-reset:hover{background:rgba(255,255,255,.25)}@keyframes qnDragPulse{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.7)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}.qn-drag-highlight{animation:qnDragPulse 1.5s ease-in-out infinite!important;border:2px dashed #8b5cf6!important}.qn-drag-arrow{position:fixed;z-index:100002;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.qn-drag-arrow .arrow-seg{width:24px;height:24px;opacity:.3;transition:all .3s ease}.qn-drag-arrow.down .arrow-seg{border-right:4px solid #7c3aed;border-bottom:4px solid #7c3aed;transform:rotate(45deg);box-shadow:0 4px 8px rgba(124,58,237,.4)}.qn-drag-arrow.up .arrow-seg{border-right:4px solid #7c3aed;border-bottom:4px solid #7c3aed;transform:rotate(225deg);box-shadow:0 -4px 8px rgba(124,58,237,.4)}.qn-drag-arrow.down .arrow-seg:first-child{animation:arrowPulseDown 1.2s ease-in-out infinite}.qn-drag-arrow.down .arrow-seg:nth-child(2){animation:arrowPulseDown 1.2s ease-in-out infinite .4s}.qn-drag-arrow.down .arrow-seg:nth-child(3){animation:arrowPulseDown 1.2s ease-in-out infinite .8s}@keyframes arrowPulseDown{0%,100%{opacity:.3;transform:rotate(45deg) scale(.8)}50%{opacity:1;transform:rotate(45deg) scale(1.2)}}.qn-drag-arrow.up .arrow-seg:first-child{animation:arrowPulseUp 1.2s ease-in-out infinite}.qn-drag-arrow.up .arrow-seg:nth-child(2){animation:arrowPulseUp 1.2s ease-in-out infinite .4s}.qn-drag-arrow.up .arrow-seg:nth-child(3){animation:arrowPulseUp 1.2s ease-in-out infinite .8s}@keyframes arrowPulseUp{0%,100%{opacity:.3;transform:rotate(225deg) scale(.8)}50%{opacity:1;transform:rotate(225deg) scale(1.2)}}.qn-drag-layer{position:fixed;z-index:100001;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:2px solid #f59e0b;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;color:#92400e;box-shadow:0 8px 30px rgba(245,158,11,.4);max-width:320px;line-height:1.6;pointer-events:none;transition:opacity .2s}.qn-context-menu{display:none;position:fixed;z-index:100000;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:4px;min-width:160px;font-size:13px}.qn-context-menu.show{display:block}.qn-context-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:6px;color:#374151}.qn-context-item:hover{background:#f3f4f6;color:#e85d26}.qn-context-item svg{color:#e85d26}.qn-context-info{padding:6px 12px;font-size:11px;color:#9ca3af;border-top:1px solid #f3f4f6;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qn-auto-hide{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;cursor:pointer;white-space:nowrap;padding:4px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.qn-auto-hide:hover{background:#f1f5f9;border-color:#cbd5e1}.qn-auto-hide input{width:auto;margin:0;cursor:pointer;accent-color:#6366f1}.qn-delete-selected,.qn-save-selected{padding:5px 10px;font-size:11px;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;font-weight:600}.qn-save-selected{background:#10b981;color:#fff}.qn-save-selected:hover{background:#059669}.qn-save-selected:disabled{opacity:.5;cursor:not-allowed}.qn-delete-selected{background:rgba(239,68,68,.8);color:#fff}.qn-delete-selected:hover{background:#dc2626}.qn-delete-selected:disabled{opacity:.5;cursor:not-allowed}.qn-note-item .qn-note-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:rgba(0,0,0,.08);color:#999;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:all .2s ease;z-index:3}.qn-note-item .qn-note-delete:hover{background:#ef4444;color:#fff}.qn-note-item .qn-note-delete:hover{background:#ef4444;color:#fff;transform:scale(1.15) rotate(90deg)}.qn-note-hint{font-size:10px;color:rgba(0,0,0,.3);text-align:center;padding:2px 0;font-style:italic}.qn-resizer{height:6px;cursor:row-resize;background:0 0;flex-shrink:0;position:relative;margin:0;width:100%;z-index:10;display:none;border-top:none;border-bottom:none;transition:all .2s ease}.qn-panel.active .qn-resizer{display:block}.qn-resizer::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;background:#cbd5e1;border-radius:2px;transition:all .25s ease;box-shadow:0 1px 2px rgba(0,0,0,.1)}.qn-resizer:hover::before{background:linear-gradient(90deg,#6366f1,#8b5cf6);width:60px;height:5px;box-shadow:0 2px 8px rgba(99,102,241,.4)}.qn-resizer:active::before{background:linear-gradient(90deg,#4f46e5,#7c3aed);width:70px;height:6px}.qn-help-btn{background:0 0;border:none;color:rgba(255,255,255,.85);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.qn-help-btn:hover{background:rgba(255,255,255,.2);color:#fff}.qn-help-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100000;justify-content:center;align-items:center}.qn-help-modal.active{display:flex}.qn-help-content{background:#fff;border-radius:16px;width:520px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column}.qn-help-header{background:linear-gradient(135deg,#1a3a5c,#2c5282);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.qn-help-close{background:0 0;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.qn-help-close:hover{opacity:.7}.qn-help-body{padding:20px;overflow-y:auto}.qn-help-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #f0f0f0}.qn-help-item:last-child{border-bottom:none}.qn-help-icon{font-size:24px;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f4f8;border-radius:10px}.qn-help-text{flex:1}.qn-help-text strong{color:#1a3a5c;font-size:14px;display:block;margin-bottom:4px}.qn-help-text p{margin:0;color:#555;font-size:13px;line-height:1.6}.qn-help-highlight{background:#e8f0fe;color:#1a73e8;padding:1px 6px;border-radius:4px;font-weight:600}.qn-note-tooltip{position:fixed;z-index:100001;background:linear-gradient(135deg,#fffde7 0,#fff9c4 100%);border:1px solid khaki;border-radius:8px;padding:12px 14px;width:auto;height:auto;min-width:200px;max-width:550px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 35px rgba(0,0,0,.25);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;pointer-events:none;font-size:13px;line-height:1.6;color:#333;word-break:break-word;white-space:pre-wrap}.qn-note-tooltip.show{opacity:1;transform:translateY(0);pointer-events:auto}.qn-tooltip-num{display:inline-block;background:#6366f1;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-bottom:6px}.qn-tooltip-text{word-break:break-word;white-space:pre-wrap;max-height:none;overflow:visible}.qn-mail-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100002;justify-content:center;align-items:center;padding:20px}.qn-mail-modal.show{display:flex}.qn-mail-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:520px;width:100%;max-height:85vh;overflow-y:auto;animation:qnMailSlideIn .25s ease}@keyframes qnMailSlideIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qn-mail-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee;font-size:18px;font-weight:600;color:#333}.qn-mail-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:#999;line-height:1;padding:0 4px}.qn-mail-close:hover{color:#333}.qn-mail-body{padding:20px 24px}.qn-mail-tip{background:#fff8e6;border:1px solid #ffd54f;border-radius:8px;padding:12px 15px;margin-bottom:18px;font-size:13px;color:#795548;line-height:1.6}.qn-mail-section-title{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin:15px 0 10px;font-weight:600}.qn-mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qn-mail-client{display:flex;align-items:center;padding:12px 14px;border:2px solid #e8e8e8;border-radius:10px;text-decoration:none;color:#333;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;background:#fff}.qn-mail-client:hover{border-color:#667eea;background:#f8f7ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.qn-mail-client.qn-mail-full{grid-column:span 2}.qn-mail-icon{font-size:20px;margin-right:10px}.qn-mail-name{flex:1}.qn-mail-badge{font-size:11px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px}.qn-mail-preview{margin-top:18px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.qn-mail-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-bottom:1px solid #dbeafe}.qn-mail-preview-title{font-size:13px;color:#1e40af;font-weight:600;margin:0}.qn-mail-copy-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px rgba(37,99,235,.3)}.qn-mail-copy-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 3px 10px rgba(37,99,235,.4);transform:translateY(-1px)}.qn-mail-copy-btn:active{transform:translateY(0)}.qn-mail-preview-body{background:#fff;padding:12px 14px;font-size:13px;color:#4b5563;max-height:130px;overflow-y:auto;white-space:pre-wrap;line-height:1.6}@media (max-width:480px){.qn-mail-grid{grid-template-columns:1fr}.qn-mail-client.qn-mail-full{grid-column:span 1}}.qn-note-item.qn-clone-hover{display:none!important}.qn-note-item.qn-clone-hover.show{display:none!important}.qn-notes-list{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}.qn-input-section.qn-drag-over-hint{border-color:#6366f1!important;box-shadow:0 0 0 2px rgba(99,102,241,.2),inset 0 0 20px rgba(99,102,241,.05)!important;position:relative}.qn-input-section.qn-drag-over-hint::before{content:'松开鼠标：内容添加到输入框，便利贴从列表移除';position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#6366f1;color:#fff;font-size:12px;padding:4px 12px;border-radius:6px;white-space:nowrap;z-index:10;animation:qnDragHintPulse 1s ease-in-out infinite}.qn-input-section.qn-drag-over-hint::after{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #6366f1;z-index:10}@keyframes qnDragHintPulse{0%,100%{opacity:1}50%{opacity:.7}}.qn-tooltip-header-hint{margin-bottom:10px;padding:8px 12px;background:linear-gradient(135deg,#fff9e6 0,#fff3cd 100%);border:1px solid #ffc107;border-radius:6px;font-size:12px;font-weight:600;color:#856404;text-align:center;user-select:none;letter-spacing:.5px}