.aico-summary {
margin: 0 0 1.8em;
border: 1px solid rgb(242, 243, 248);
border-radius: 12px;
overflow: hidden;
font-size: 0.95rem;
line-height: 1.75;
background: rgb(242, 243, 248);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.aico-summary-header {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
font-weight: 600;
background: rgb(242, 243, 248);
color: #4a5ee3;
border-bottom: none;
}
.aico-title {
flex: 1;
letter-spacing: 0.01em;
color: var(--aico-fc-title, #4a5ee3);
font-weight: 700;
font-size: var(--aico-fs-title, 18px);
} .aico-author {
margin-left: auto;
font-size: var(--aico-fs-author, 14px);
font-weight: 500;
color: var(--aico-fc-author, #7b7f9e);
flex-shrink: 0;
} .aico-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
flex-shrink: 0;
color: #fff;
font-size: 1.1em;
background: #4a5ee3;
border-radius: 50%;
}
.aico-icon svg {
display: block;
width: 16px;
height: 16px;
} .aico-badge {
display: inline-flex;
align-items: center;
margin-left: auto;
padding: 2px 10px;
border-radius: 20px;
font-size: var(--aico-fs-badge, 11px);
font-weight: 600;
letter-spacing: 0.02em;
background: #eef0ff;
color: var(--aico-fc-badge, #4a5ee3);
border: 1px solid #dce0ff;
flex-shrink: 0;
}
.aico-summary-body {
padding: 16px 20px 20px;
background: #fff;
color: #333;
margin: 0 12px 12px;
border-radius: 8px;
border: 1px solid rgb(242, 243, 248);
font-size: 1.5rem;
line-height: 1.85;
}
.aico-summary-body p {
margin: 0;
} .aico-summary-footer {
display: flex;
align-items: center;
gap: 8px;
padding: 0 18px 12px;
background: rgb(242, 243, 248);
border-top: none;
}
.aico-meta {
color: var(--aico-fc-meta, #9996bb);
font-size: var(--aico-fs-meta, 12px);
} .aico-style-card { } .aico-style-minimal {
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.aico-style-minimal .aico-summary-header {
background: transparent;
border-bottom: 2px solid #6c63ff;
padding-left: 0;
color: #6c63ff;
}
.aico-style-minimal .aico-icon {
color: #6c63ff;
}
.aico-style-minimal .aico-summary-body {
background: transparent;
color: inherit;
padding-left: 0;
padding-right: 0;
border-left: none;
}
.aico-style-minimal .aico-summary-footer {
background: transparent;
border-top: 1px solid #e5e5e5;
padding-left: 0;
padding-right: 0;
} .aico-style-gradient {
border: 1px solid #c4b5fd;
box-shadow: 0 2px 16px rgba(139, 92, 246, 0.12);
}
.aico-style-gradient .aico-summary-header {
background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
color: #4c1d95;
border-bottom: 1px solid #c4b5fd;
}
.aico-style-gradient .aico-icon {
color: #7c3aed;
}
.aico-style-gradient .aico-badge {
background: #7c3aed;
color: #fff;
border-color: #7c3aed;
}
.aico-style-gradient .aico-summary-body {
background: linear-gradient(180deg, #faf8ff 0%, #f5f3ff 100%);
color: #3b0764;
border-left: 3px solid #7c3aed;
}
.aico-style-gradient .aico-summary-footer {
background: #f5f3ff;
border-top-color: #ddd6fe;
} .aico-style-border {
border: 1px solid #e5e7eb;
border-left: 4px solid #6c63ff;
border-radius: 0 8px 8px 0;
box-shadow: none;
}
.aico-style-border .aico-summary-header {
background: #f9f9ff;
color: #3d3a6e;
border-bottom: 1px solid #ebebf5;
}
.aico-style-border .aico-summary-body {
background: #fff;
color: #374151;
border-left: none;
}
.aico-style-border .aico-summary-footer {
background: #f9f9ff;
border-top-color: #ebebf5;
} .aico-style-tech {
border: 1px solid #1a3a4a;
background: #0d1b2a;
box-shadow: 0 0 20px rgba(0, 200, 255, 0.08);
border-radius: 6px;
}
.aico-style-tech .aico-summary-header {
background: linear-gradient(90deg, #0d1b2a 0%, #1b2838 100%);
color: #00d4ff;
border-bottom: 1px solid #1a3a4a;
}
.aico-style-tech .aico-icon {
color: #00d4ff;
}
.aico-style-tech .aico-author {
color: #5a8a9a;
}
.aico-style-tech .aico-badge {
background: rgba(0, 212, 255, 0.15);
color: #00d4ff;
border-color: #0a4a5a;
}
.aico-style-tech .aico-summary-body {
background: #0d1b2a;
color: #b8d4e0;
border-left: 3px solid #00d4ff;
}
.aico-style-tech .aico-summary-footer {
background: #0a1622;
border-top-color: #1a3a4a;
color: #5a8a9a;
}
.aico-style-tech .aico-meta { color: #5a8a9a; } .aico-style-nature {
border: 1px solid #c6dbbe;
background: #f8fdf5;
box-shadow: 0 2px 12px rgba(76, 145, 65, 0.08);
border-radius: 12px;
}
.aico-style-nature .aico-summary-header {
background: linear-gradient(135deg, #eaf5e3 0%, #d8eece 100%);
color: #2d5a27;
border-bottom: 1px solid #c6dbbe;
}
.aico-style-nature .aico-icon {
color: #4a9140;
}
.aico-style-nature .aico-author {
color: #6a9a62;
}
.aico-style-nature .aico-badge {
background: #e2f2dc;
color: #3a7a32;
border-color: #b8d4af;
}
.aico-style-nature .aico-summary-body {
background: #f8fdf5;
color: #2d4a27;
border-left: 3px solid #4a9140;
}
.aico-style-nature .aico-summary-footer {
background: #f0f8eb;
border-top-color: #d3e5ca;
}
.aico-style-nature .aico-meta { color: #7a9a72; } .aico-style-glass {
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.5);
border-radius: 14px;
}
.aico-style-glass .aico-summary-header {
background: rgba(255, 255, 255, 0.4);
color: #2a2a4a;
border-bottom: 1px solid rgba(200, 200, 230, 0.3);
}
.aico-style-glass .aico-icon {
color: #7c6cff;
}
.aico-style-glass .aico-badge {
background: rgba(108, 99, 255, 0.12);
color: #6c63ff;
border-color: rgba(108, 99, 255, 0.25);
}
.aico-style-glass .aico-summary-body {
background: transparent;
color: #333;
border-left: 3px solid rgba(108, 99, 255, 0.5);
}
.aico-style-glass .aico-summary-footer {
background: rgba(255, 255, 255, 0.3);
border-top-color: rgba(200, 200, 230, 0.3);
} .aico-style-dark {
border: 1px solid #2d2d3f;
background: #18182b;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.aico-style-dark .aico-summary-header {
background: #1f1f35;
color: #e0dff0;
border-bottom: 1px solid #2d2d3f;
}
.aico-style-dark .aico-icon {
color: #a78bfa;
}
.aico-style-dark .aico-author {
color: #6b6890;
}
.aico-style-dark .aico-badge {
background: rgba(167, 139, 250, 0.15);
color: #a78bfa;
border-color: #3d3a6e;
}
.aico-style-dark .aico-summary-body {
background: #18182b;
color: #c8c6e0;
border-left: 3px solid #a78bfa;
}
.aico-style-dark .aico-summary-footer {
background: #141425;
border-top-color: #2d2d3f;
}
.aico-style-dark .aico-meta { color: #6b6890; } @media (max-width: 600px) {
.aico-summary-header { padding: 9px 12px; }
.aico-summary-body   { padding: 10px 14px 12px; }
.aico-summary-footer { padding: 6px 12px; }
} @media (prefers-color-scheme: dark) {
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) {
background: #18191c;
border-color: #2b2d31;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-summary-header {
background: #18191c;
color: #8c90b6;
border-bottom-color: #2b2d31;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-icon {
color: #8c90b6;
background: #2b2d31;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-badge {
background: #2b2d31;
color: #8c90b6;
border-color: #3f4148;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-summary-body {
background: #222327;
color: #e2e4e9;
border-color: #2b2d31;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-summary-footer {
background: #18191c;
border-top-color: #2b2d31;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-author {
color: #6a6d85;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-title {
color: #8c90b6;
}
.aico-summary:not(.aico-style-dark):not(.aico-style-tech) .aico-meta {
color: #5a5d70;
}
.aico-style-gradient .aico-summary-header {
background: linear-gradient(135deg, #2e1065, #1e1b4b) !important;
color: #c4b5fd !important;
border-bottom-color: #4c1d95 !important;
}
.aico-style-gradient .aico-summary-body {
background: #1a1730 !important;
color: #ddd6fe !important;
}
.aico-style-minimal .aico-summary-header,
.aico-style-minimal .aico-summary-body,
.aico-style-minimal .aico-summary-footer {
background: transparent !important;
}
.aico-style-minimal .aico-summary-body { color: inherit !important; }
.aico-style-glass {
background: rgba(20, 18, 40, 0.7) !important;
border-color: rgba(80, 75, 130, 0.4) !important;
}
.aico-style-glass .aico-summary-header { background: rgba(30, 27, 58, 0.6) !important; color: #d0cef0 !important; }
.aico-style-glass .aico-summary-body   { color: #c8c6e0 !important; }
.aico-style-glass .aico-summary-footer { background: rgba(20, 18, 40, 0.5) !important; }
.aico-style-nature {
background: #0f1a0d !important;
border-color: #1a3a17 !important;
}
.aico-style-nature .aico-summary-header { background: #142212 !important; color: #a5d49a !important; border-bottom-color: #1a3a17 !important; }
.aico-style-nature .aico-icon           { color: #6abf5f !important; }
.aico-style-nature .aico-summary-body   { background: #0f1a0d !important; color: #c0dbb8 !important; border-left-color: #4a9140 !important; }
.aico-style-nature .aico-summary-footer { background: #0c150a !important; border-top-color: #1a3a17 !important; }
.aico-style-nature .aico-meta           { color: #5a8a52 !important; }
} .aico-cursor {
display: inline-block;
width: 2px;
color: currentColor;
opacity: 1;
animation: aico-blink 0.7s step-end infinite;
margin-left: 1px;
vertical-align: baseline;
}
.aico-cursor-done {
animation: aico-cursor-fade 0.6s ease forwards;
}
@keyframes aico-blink {
0%, 100% { opacity: 1; }
50%       { opacity: 0; }
}
@keyframes aico-cursor-fade {
to { opacity: 0; width: 0; margin: 0; }
}