/* Aaisme UI for the installed Butterfly 5.7.0 theme. Load after /css/index.css. */
:root {
  --global-bg: #f7f6f2;
  --font-color: #30323b;
  --card-bg: #fffefa;
  --card-meta: #696976;
  --sidebar-bg: #f7f6f2;
  --sidebar-menu-bg: #fffefa;
  --btn-bg: #7866df;
  --btn-hover-color: #6955c8;
  --btn-color: #fff;
  --text-highlight-color: #30323b;
  --text-bg-hover: #e7e0ff;
  --blockquote-color: #51418e;
  --blockquote-bg: #e7e0ff;
  --toc-link-color: #696976;
  --card-box-shadow: none;
  --card-hover-box-shadow: none;
  --scrollbar-color: #7866df;
  --default-bg-color: #7866df;
  --hr-border: #d9d7df;
  --search-bg: #fffefa;
  --search-input-color: #30323b;
  --search-a-color: #6955c8;
  --aa-ink: #30323b;
  --aa-line: #d9d7df;
  --aa-purple: #e7e0ff;
  --aa-mint: #dcefc8;
  --aa-peach: #ffd5ad;
}
[data-theme='dark'] {
  --global-bg: #22232b;
  --font-color: #f3f0e8;
  --card-bg: #2c2d37;
  --card-meta: #b9b7c6;
  --sidebar-bg: #22232b;
  --sidebar-menu-bg: #2c2d37;
  --btn-bg: #7866df;
  --btn-hover-color: #6955c8;
  --btn-color: #fff;
  --text-highlight-color: #f3f0e8;
  --text-bg-hover: #42395f;
  --blockquote-color: #ded4ff;
  --blockquote-bg: #42395f;
  --toc-link-color: #b9b7c6;
  --card-box-shadow: none;
  --card-hover-box-shadow: none;
  --scrollbar-color: #b9a9ff;
  --hr-border: #50505f;
  --search-bg: #2c2d37;
  --search-input-color: #f3f0e8;
  --search-a-color: #b9a9ff;
  --aa-ink: #aaa5bd;
  --aa-line: #50505f;
  --aa-purple: #42395f;
  --aa-mint: #344938;
  --aa-peach: #654b39;
}
body { font-family: ui-rounded, 'SF Pro Rounded', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; }
#page-header { background: var(--aa-purple) !important; border-bottom: 2px solid var(--aa-ink); }
#page-header:not(.not-top-img)::before { background: none; }
#page-header.full_page { height: 375px; min-height: 0; }
#page-header.full_page #site-info { top: 130px; padding: 0 24px; }
#page-header #site-title { color: var(--font-color); text-shadow: none; font-size: 44px; font-weight: 800; letter-spacing: -.045em; }
#page-header #site-subtitle { color: var(--font-color); text-shadow: none; font-size: 17px; }
#page-header #site-info::before { content: 'AAISME · LITTLE JOURNAL'; display: block; color: var(--card-meta); font-size: 11px; font-weight: 750; letter-spacing: .15em; text-align: center; margin-bottom: 10px; }
#page-header #site-info::after { content: '• ᴗ •'; display: grid; place-items: center; position: absolute; top: 12px; right: max(9%, calc((100vw - 1080px) / 2)); width: 78px; height: 88px; border: 2px solid var(--aa-ink); border-radius: 20px; background: var(--aa-mint); color: var(--font-color); font-size: 24px; transform: rotate(8deg); box-shadow: 4px 4px 0 var(--aa-ink); }
#page-header #scroll-down .scroll-down-effects { color: var(--font-color); text-shadow: none; }
#page-header #nav, #page-header.nav-fixed #nav, #page-header.not-top-img #nav { background: var(--global-bg); border-bottom: 2px solid var(--aa-line); box-shadow: none; backdrop-filter: none; }
#page-header #nav a, #page-header #nav .site-name, #page-header #nav span.site-page, #page-header #nav #toggle-menu { color: var(--font-color); text-shadow: none; }
#nav .site-name { font-weight: 800; letter-spacing: -.04em; }
#nav .menus_items .menus_item .menus_item_child { border: 2px solid var(--aa-line); border-radius: 13px; background: var(--card-bg); box-shadow: none; }
#post-info .post-title, #post-info #post-meta, #post-info #post-meta a { color: var(--font-color); text-shadow: none; }
#content-inner.layout { max-width: 1220px; padding-top: 32px; gap: 24px; }
#recent-posts .recent-post-item { border: 2px solid var(--aa-line); border-radius: 22px; box-shadow: none; margin-bottom: 20px; }
#recent-posts .recent-post-item:hover { border-color: var(--aa-ink); box-shadow: 3px 3px 0 var(--aa-purple); }
#recent-posts .recent-post-item > .recent-post-info.no-cover { padding: 28px; }
#recent-posts .recent-post-item > .recent-post-info > .article-title { color: var(--font-color); font-size: 23px; line-height: 1.45; letter-spacing: -.025em; }
#recent-posts .recent-post-item > .recent-post-info > .article-meta-wrap { color: var(--card-meta); font-size: 12px; }
#recent-posts .recent-post-item > .recent-post-info > .content { line-height: 1.85; }
#aside-content .card-widget { border: 2px solid var(--aa-line); border-radius: 19px; box-shadow: none; padding: 22px; }
#aside-content .card-info { background: var(--aa-mint); border-color: var(--aa-ink); }
#aside-content .avatar-img { border: 2px solid var(--aa-ink); border-radius: 22px; background: var(--card-bg); }
#aside-content .avatar-img img { border-radius: 20px; }
#aside-content .avatar-img img:hover { transform: none; }
#aside-content .card-info .author-info-name { font-size: 22px; font-weight: 750; }
#aside-content .card-info #card-info-btn { display: none; }
#aside-content .item-headline { font-size: 15px; font-weight: 700; }
#post, #page, #archive, #tag, #category { border: 2px solid var(--aa-line); border-radius: 23px; box-shadow: none; }
#article-container { line-height: 1.95; }
#article-container h1, #article-container h2, #article-container h3 { color: var(--font-color); letter-spacing: -.025em; }
#article-container blockquote { border-left: 4px solid #7866df; border-radius: 0 13px 13px 0; }
#article-container img { border-radius: 13px; }
#post .post-copyright { border: 2px dashed var(--aa-line); border-radius: 15px; }
#card-toc .toc-content .toc-link.active { background: var(--aa-purple); color: var(--font-color); border-radius: 9px; }
#pagination .page-number, #pagination .extend { border: 2px solid var(--aa-line); border-radius: 10px; box-shadow: none; }
#pagination .page-number.current { background: #7866df; border-color: var(--aa-ink); color: #fff; }
#footer { background: var(--aa-purple); border-top: 2px solid var(--aa-line); }
#footer::before { background: none; }
#footer > *, #footer a { color: var(--font-color); }
#rightside > div > button, #rightside > div > a { border: 1px solid var(--aa-ink); border-radius: 9px; background: var(--aa-purple); color: var(--font-color); }
body :where(a, button, input, textarea):focus-visible { outline: 3px solid #7866df; outline-offset: 4px; }
@media (max-width: 768px) {
  #page-header.full_page { height: 300px; }
  #page-header.full_page #site-info { top: 112px; padding-right: 85px; padding-left: 18px; }
  #page-header #site-title { font-size: 34px; }
  #page-header #site-info::before { font-size: 9px; }
  #page-header #site-info::after { width: 54px; height: 64px; right: 25px; top: 10px; font-size: 19px; border-radius: 16px; box-shadow: 3px 3px 0 var(--aa-ink); }
  #content-inner.layout { padding: 20px 14px; gap: 16px; }
  #recent-posts .recent-post-item { border-radius: 18px; }
  #recent-posts .recent-post-item > .recent-post-info.no-cover { padding: 22px; }
  #recent-posts .recent-post-item > .recent-post-info > .article-title { font-size: 21px; }
  #post, #page, #archive, #tag, #category { border-radius: 19px; padding: 24px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #page-header, #site-title, #site-subtitle, #recent-posts .recent-post-item, #footer { animation: none; transition: none; }
}