:root{--primary-color:#3b82f6;--bg-color:#555;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--header-height:0}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-color);color:var(--text-primary)}#app{display:flex;flex-direction:column;height:100vh}.app-header{height:var(--header-height);background-color:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.05);position:fixed;top:0;left:0;right:0;z-index:100}.header-container{margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo-section{cursor:pointer}.app-title{margin:0;font-size:20px;font-weight:600;color:var(--primary-color);letter-spacing:.5px}.user-actions,.user-info{display:flex;align-items:center}.user-info{gap:12px}.username{font-size:14px;color:var(--text-secondary)}.login-btn{font-weight:500}.logout-btn{color:var(--text-secondary)}.logout-btn:hover{color:#ef4444}.main-content{margin-top:var(--header-height);flex:1;height:calc(100vh - var(--header-height));overflow:hidden;background-color:var(--bg-color)}::-webkit-scrollbar-thumb{background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.stock-summary-container[data-v-e98bbbe0]{height:100vh;width:100%;max-width:1100px;margin:0 auto;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.summary-layout[data-v-e98bbbe0]{display:flex;height:100%;position:relative}.article-list[data-v-e98bbbe0]{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-header[data-v-e98bbbe0]{padding:4px 16px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.content-header__title-area[data-v-e98bbbe0]{display:flex;align-items:center;gap:6px}.content-header__icon[data-v-e98bbbe0]{width:36px;height:36px;background:#2c3e50;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 16px rgba(44,62,80,.2)}.content-header__text[data-v-e98bbbe0]{display:flex;flex-direction:column}.content-header__title[data-v-e98bbbe0]{font-size:16px;font-weight:800;color:#2c3e50;margin:0;line-height:1.2}.content-header__subtitle[data-v-e98bbbe0]{font-size:12px;color:#94a3b8;font-weight:500}.content-header__create-btn[data-v-e98bbbe0]{border-radius:24px;padding:10px 24px;font-weight:600;box-shadow:0 4px 12px rgba(59,130,246,.3);transition:transform .2s}.content-header__create-btn[data-v-e98bbbe0]:hover{transform:translateY(-2px)}.summary-list__toolbar[data-v-e98bbbe0]{padding:6px 16px;display:flex;gap:24px;align-items:center}.summary-list__toolbar .summary-list__search[data-v-e98bbbe0]{width:300px}.summary-list__toolbar .summary-list__search[data-v-e98bbbe0] .el-input__wrapper{border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid transparent;background:#fff;transition:all .3s}.summary-list__toolbar .summary-list__search[data-v-e98bbbe0] .el-input__wrapper.is-focus,.summary-list__toolbar .summary-list__search[data-v-e98bbbe0] .el-input__wrapper:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#3b82f6}.summary-list__toolbar .summary-list__actions[data-v-e98bbbe0]{display:flex;gap:10px;margin-left:auto}.view-toggle-group[data-v-e98bbbe0]{background:#fff;padding:4px;border-radius:12px;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.05)}.view-toggle-group .view-toggle-item[data-v-e98bbbe0]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:#94a3b8;transition:all .2s}.view-toggle-group .view-toggle-item.active[data-v-e98bbbe0]{background:#2c3e50;color:#fff;box-shadow:0 2px 8px rgba(44,62,80,.2)}.action-btn[data-v-e98bbbe0]{width:32px;height:32px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .2s}.action-btn[data-v-e98bbbe0]:hover{transform:translateY(-2px);color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.1)}.scrollbar-wrapper[data-v-e98bbbe0]{flex:1;overflow:hidden;display:flex;flex-direction:column}.article-scrollbar[data-v-e98bbbe0]{flex:1}.summary-list__grid[data-v-e98bbbe0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 16px 40px;align-items:start}.summary-list__card[data-v-e98bbbe0]{border-radius:16px;padding:16px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.02);display:flex;flex-direction:column;gap:16px;overflow:hidden;background:#fff}.summary-list__card[data-v-e98bbbe0]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -10px rgba(0,0,0,.1);z-index:10}.summary-list__card:hover .summary-list__card-actions[data-v-e98bbbe0]{opacity:1;transform:translateY(0)}.summary-list__card-header[data-v-e98bbbe0]{display:flex;justify-content:space-between;align-items:flex-start}.summary-list__card-title[data-v-e98bbbe0]{font-size:18px;font-weight:700;color:#2c3e50;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-list__card-meta[data-v-e98bbbe0]{display:flex;align-items:center;gap:12px;font-size:12px}.summary-list__card-date[data-v-e98bbbe0]{display:flex;align-items:center;gap:4px;color:rgba(0,0,0,.5);font-weight:500}.summary-list__card-category[data-v-e98bbbe0]{padding:4px 10px;border-radius:20px;background:hsla(0,0%,100%,.5);color:#fff;font-weight:600}.summary-list__card-preview[data-v-e98bbbe0]{font-size:14px;color:#475569;line-height:1.6;opacity:.9;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.summary-list__card-actions[data-v-e98bbbe0]{position:absolute;top:16px;right:16px;display:flex;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.summary-list__card-actions .el-button[data-v-e98bbbe0]{background:hsla(0,0%,100%,.9);border-radius:50%;width:32px;height:32px;padding:0;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.summary-list__card-actions .el-button[data-v-e98bbbe0]:hover{background:#2c3e50;color:#fff}.summary-list__list[data-v-e98bbbe0]{display:flex;flex-direction:column;gap:16px;padding:0 16px 32px}.summary-list__list-item[data-v-e98bbbe0]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.02)}.summary-list__list-item[data-v-e98bbbe0]:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(0,0,0,.05)}.summary-list__list-item.active[data-v-e98bbbe0]{border-left:4px solid #3b82f6;background:#f8fafc}.summary-list__list-item .article-content[data-v-e98bbbe0]{flex:1;display:flex;flex-direction:column;gap:8px}.summary-list__list-item .article-title[data-v-e98bbbe0]{font-size:16px;font-weight:700;color:#2c3e50;margin:0}.summary-list__list-item .article-meta[data-v-e98bbbe0]{display:flex;gap:12px;font-size:12px;color:#94a3b8}.summary-list__list-item .article-preview[data-v-e98bbbe0]{font-size:13px;color:#64748b;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.summary-list__card-skeleton[data-v-e98bbbe0]{padding:24px}.summary-list__card-skeleton-line[data-v-e98bbbe0]{height:24px;background:rgba(0,0,0,.05);border-radius:6px;margin-bottom:12px}.summary-list__card-skeleton-line--short[data-v-e98bbbe0]{width:60%}.summary-list__card-skeleton-block[data-v-e98bbbe0]{height:80px;background:rgba(0,0,0,.05);border-radius:6px;margin-top:16px}@media(max-width:768px){.content-header[data-v-e98bbbe0]{gap:16px}.content-header__actions[data-v-e98bbbe0]{width:100%}.content-header__create-btn[data-v-e98bbbe0]{justify-content:center}.summary-list__toolbar[data-v-e98bbbe0]{align-items:stretch}.summary-list__toolbar .summary-list__search[data-v-e98bbbe0]{width:100%}.summary-list__grid[data-v-e98bbbe0]{grid-template-columns:1fr;padding:16px}.article-scrollbar[data-v-e98bbbe0]{padding:0}}.pull-refresh-indicator[data-v-e98bbbe0]{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:height .2s cubic-bezier(.25,.46,.45,.94);background-color:#f8fafc}.refresh-content[data-v-e98bbbe0]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;padding:10px 0}.rotate-icon[data-v-e98bbbe0]{transform:rotate(180deg);transition:transform .3s}@media(min-width:769px)and (max-width:1024px){.summary-list__grid[data-v-e98bbbe0]{grid-template-columns:repeat(2,1fr)}}.ripple-container[data-v-e98bbbe0]{position:relative;overflow:hidden}.ripple-effect[data-v-e98bbbe0]{position:absolute;border-radius:50%;background:rgba(0,0,0,.1);transform:scale(0);animation:ripple-e98bbbe0 .6s linear;pointer-events:none}@keyframes ripple-e98bbbe0{to{transform:scale(4);opacity:0}}.view-content img{max-width:100%;height:auto;margin:10px 0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.view-content h1,.view-content h2,.view-content h3{margin:20px 0 10px;font-weight:600;color:#303133}.view-content p{line-height:1.8;margin-bottom:10px;color:#606266}.view-content blockquote{margin:10px 0;padding:10px 20px;background-color:#f4f4f5;border-left:4px solid #909399;color:#606266}.view-content pre{background-color:#f4f4f5;padding:15px;border-radius:4px;overflow-x:auto;margin:10px 0}.view-content code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background-color:#f4f4f5;padding:2px 4px;border-radius:2px;color:#c0392b}.view-content table{width:100%;border-collapse:collapse;margin:10px 0}.view-content td,.view-content th{border:1px solid #dcdfe6;padding:8px;text-align:left}.view-content th{background-color:#f5f7fa}.view-content a{color:#409eff;text-decoration:none}.view-content a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.login-container[data-v-7c5b5e0a]{display:flex;justify-content:center;align-items:center;height:calc(100vh - 120px);background-color:#f5f7fa}.login-box[data-v-7c5b5e0a]{width:350px;padding:30px;background:#fff;border-radius:5px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.login-box h2[data-v-7c5b5e0a]{text-align:center;margin-bottom:25px;color:#303133}.login-form[data-v-7c5b5e0a]{margin-bottom:15px}.login-button[data-v-7c5b5e0a]{width:100%}.login-tips[data-v-7c5b5e0a]{font-size:14px;color:#f56c6c;text-align:center}