:root{--primary: #2563eb;--primary-light: #38bdf8;--primary-dark: #1d4ed8;--success: #22c55e;--success-dark: #16a34a;--danger: #ef4444;--danger-dark: #b91c1c;--warning: #fbbf24;--warning-dark: #f59e42;--text-main: #222;--text-light: #666;--background-light: #f8fafc;--border-light: #e5e7eb;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 18px}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;margin:0;background:linear-gradient(135deg,#e3f0ff,#f4f4f4);padding-bottom:100px;min-height:100vh}#app{max-width:1100px;margin:32px auto 20px;padding:32px 24px 24px;background:#fffffffa;box-shadow:0 8px 32px #00408014,0 1.5px 4px #0000000f;border-radius:18px;transition:box-shadow .2s}#app:hover{box-shadow:0 12px 36px #00408021,0 2px 8px #00000017}h1,h2{text-align:center;color:var(--primary);margin-top:0;font-weight:700;letter-spacing:1px}h1{font-size:2.1rem;margin-bottom:.5em}h2{font-size:1.25rem;margin-bottom:.7em}#status{text-align:center;font-style:italic;color:#666;min-height:1em;margin-bottom:24px;font-size:1rem;letter-spacing:.5px}#main-layout{display:flex;gap:28px}#history-panel{flex:3;max-height:75vh;overflow-y:auto;border:none;padding:18px 10px 18px 0;border-radius:8px;background:transparent}#input-panel{flex:2;border:none;padding:18px 0 18px 10px;border-radius:8px;background:transparent;align-self:flex-start}#input-area{display:flex;flex-direction:column;align-items:stretch;gap:12px}#addButton{padding:12px 0;font-size:1.08rem;cursor:pointer;background:linear-gradient(90deg,var(--primary) 60%,var(--primary-light) 100%);color:#fff;border:none;border-radius:6px;font-weight:600;letter-spacing:1px;box-shadow:0 2px 8px #2563eb14;transition:background .2s,box-shadow .2s;width:100%}#addButton:hover{background:linear-gradient(90deg,var(--primary-dark) 60%,var(--primary-light) 100%)}#addButton:disabled{background:#ccc;cursor:not-allowed;opacity:.7}#clipboardList{margin-top:10px}.clipboard-item{background:var(--background-light);border:1.5px solid var(--border-light);border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #2563eb0a;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s,min-height .35s ease-out;box-sizing:border-box;min-height:146px}.clipboard-item:hover{box-shadow:0 6px 18px #2563eb1a;border-color:var(--primary-light)}.item-content-container{min-width:0;padding-right:95px;max-height:110px;overflow:hidden;position:relative;transition:max-height .35s ease-out;overflow-wrap:break-word}.clipboard-item.expanded .item-content-container{max-height:5000px;overflow:visible;mask-image:none;-webkit-mask-image:none;height:auto}.item-content-container.needs-mask:not(.expanded){mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.clipboard-item pre,.clipboard-item .item-content-container .ql-container.ql-snow{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:JetBrains Mono,Fira Mono,Consolas,Menlo,"monospace";font-size:1rem;color:var(--text-main);background:transparent;border-radius:4px;padding:0;line-height:1.6;overflow-x:auto;border:none;min-height:40px}.clipboard-item pre code{color:var(--primary);background:var(--border-light);border-radius:4px;padding:2px 4px;font-size:.98em}.clipboard-item .item-buttons{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:7px;flex-shrink:0;align-items:flex-end;z-index:3}.clipboard-item .item-buttons button{padding:6px 0;font-size:.92rem;cursor:pointer;color:#fff;border:none;border-radius:5px;min-width:70px;width:70px;text-align:center;font-weight:500;letter-spacing:.5px;box-shadow:0 1px 4px #2563eb12;transition:background .2s}.clipboard-item .item-buttons button:hover{opacity:.93}.clipboard-item .item-buttons button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.clipboard-item .edit-button{background:linear-gradient(90deg,#fbbf24 60%,#f59e42);color:#333}.clipboard-item .edit-button:hover:not(:disabled){background:linear-gradient(90deg,#f59e42 60%,#fbbf24)}.clipboard-item .save-button{background:linear-gradient(90deg,#22c55e 60%,#16a34a)}.clipboard-item .save-button:hover:not(:disabled){background:linear-gradient(90deg,#16a34a 60%,#22c55e)}.clipboard-item .cancel-button{background:linear-gradient(90deg,#64748b 60%,#334155)}.clipboard-item .cancel-button:hover:not(:disabled){background:linear-gradient(90deg,#334155 60%,#64748b)}.clipboard-item .copy-button{background:linear-gradient(90deg,#0ea5e9 60%,#2563eb)}.clipboard-item .copy-button:hover:not(:disabled){background:linear-gradient(90deg,#2563eb 60%,#0ea5e9)}.clipboard-item .delete-button{background:linear-gradient(90deg,#ef4444 60%,#b91c1c)}.clipboard-item .delete-button:hover:not(:disabled){background:linear-gradient(90deg,#b91c1c 60%,#ef4444)}.show-more-button{position:relative;width:fit-content;margin:10px auto 0;padding:6px 16px;text-align:center;background:linear-gradient(90deg,var(--primary-light) 60%,var(--primary) 100%);color:#fff;font-weight:500;cursor:pointer;font-size:.9rem;transition:background .2s,color .2s;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;border:none}.show-more-button:hover{background:linear-gradient(90deg,var(--primary-dark) 60%,var(--primary-light) 100%);color:#fff;text-decoration:underline}.show-more-button svg{display:inline-block;vertical-align:middle;width:16px;height:16px;stroke:var(--primary);stroke-width:2}.clipboard-item .ql-toolbar.ql-snow{padding:4px 8px;border-bottom:1px solid #ccc}.clipboard-item .ql-container.ql-snow{min-height:80px;height:auto;max-height:none}@media (max-width: 900px){#app{padding:10px;max-width:100%}#main-layout{flex-direction:column;gap:18px}#history-panel,#input-panel{flex:none;width:100%;box-sizing:border-box;max-height:none;align-self:stretch;padding:10px 0}h1{font-size:1.5rem}h2{font-size:1.1rem}#addButton{padding:12px 0}.clipboard-item{padding:12px}.clipboard-item .item-buttons{top:8px;right:8px;gap:4px}.clipboard-item .item-buttons button{min-width:54px;width:54px;padding:4px 0;font-size:.8rem}.item-content-container{padding-right:75px;max-height:90px}.show-more-button{width:100%;margin-left:0;margin-right:0;font-size:.85rem;padding:6px 8px}#editor-container{height:110px}}#toast-container{position:fixed;bottom:25px;right:25px;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}.toast{color:#fff;padding:12px 28px;border-radius:24px;margin-top:8px;font-size:1.08rem;font-weight:500;box-shadow:0 2px 12px #2563eb21;pointer-events:auto;display:inline-block;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.info{background:linear-gradient(90deg,#2563eb,#38bdf8)}.toast.success{background:linear-gradient(90deg,#22c55e,#16a34a)}.toast.error{background:linear-gradient(90deg,#ef4444,#b91c1c)}.clipboard-item img,.ql-editor img{max-width:100%;max-height:90px;height:auto;object-fit:contain;display:block;margin:8px 0}