.type-anime #content-inner { max-width: 1060px; padding: 22px 24px 60px; }
.type-anime #page { width: 100%; padding: 0; box-shadow: none; background: transparent; }
.type-anime #page > .page-title, .type-anime #page-header .title-seo { display: none; }
#anime-notebook, .an-widget {
  --an-ink: #383246; --an-muted: #6c6176; --an-line: #deced8; --an-paper: #fffaf6; --an-wash: #f2e7ed;
  color: var(--an-ink);
}
[data-theme=dark] :is(#anime-notebook,.an-widget) {
  --an-ink: #f1e8ed; --an-muted: #cebfcf; --an-line: #534653; --an-paper: #2a2630; --an-wash: #3a303d;
}
#anime-notebook :is(h1,h2,h3) { color: inherit; margin: 0; padding: 0; line-height: 1.25; }
#anime-notebook :is(h1,h2,h3)::before { content: none; }
#anime-notebook .an-hero {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
  min-height: clamp(235px,29vw,325px); border-radius: 18px; color: #fff7ee; background: #302c49;
}
#anime-notebook .an-hero > img {
  position: absolute; inset: 0 0 0 auto; z-index: -2; width: 84%; height: 100%; margin: 0;
  object-fit: cover; object-position: right 62%; border-radius: 0;
}
.an-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#302c49 6%,#302c49ed 29%,#312c47bd 43%,#302c491a 70%); }
.an-hero-copy { padding: 35px clamp(22px,5vw,58px); }
.an-micro, .an-frame, .an-ticket, .an-card-art > span { font: 650 10px/1.6 ui-monospace,monospace; letter-spacing: .14em; }
.an-hero .an-micro { color: #efc4ba; }
#anime-notebook .an-hero h1 { margin: 13px 0 10px; color: #fff5e9; letter-spacing: .07em; font: 650 clamp(37px,5.5vw,62px)/1.17 Georgia,'Songti SC',SimSun,serif; }
#anime-notebook .an-hero p { margin: 0; color: #f4e6e7; font-size: clamp(12px,1.6vw,16px); }
.an-frame { position: absolute; right: 17px; bottom: 12px; color: #f0d7d4; font-size: 8px; }
.an-section-head { padding: 30px 1px 15px; display: flex; align-items: center; gap: 14px; }
.an-section-head::after { content: ''; height: 1px; flex: 1; background: var(--an-line); }
#anime-notebook .an-section-head h2 { font-size: 23px; }
.an-counter { padding: 2px 9px; background: var(--an-wash); border-radius: 14px; color: var(--an-muted); font-size: 12px; }
.an-empty, .an-card { overflow: hidden; border: 1px solid var(--an-line); border-radius: 14px; background: var(--an-paper); }
.an-empty { display: flex; gap: clamp(16px,4vw,40px); align-items: center; padding: clamp(24px,5vw,48px); }
.an-empty .an-micro { color: var(--an-muted); }
#anime-notebook .an-empty h3 { margin: 3px 0 8px; font-size: 23px; }
#anime-notebook .an-empty p { margin: 0; line-height: 1.7; font-size: 14px; color: var(--an-muted); }
.an-ticket {
  flex: 0 0 78px; min-height: 110px; box-sizing: border-box; padding: 11px 5px; border: 1px solid #a47e88;
  outline: 1px dashed #a47e88; outline-offset: -5px; border-radius: 6px; color: #795968;
  text-align: center; background: #f4e1da; font-size: 8px; transform: rotate(-7deg);
}
.an-ticket i { display: block; margin: 7px 3px 0; padding: 4px 0; border-block: 1px dashed #bc9b9d; font: 32px/1.4 Georgia,serif; }
.an-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 16px; }
.an-card { display: flex; flex-direction: column; }
.an-card-art { position: relative; height: clamp(140px,18vw,185px); overflow: hidden; background: var(--an-wash); }
#anime-notebook .an-card-art img { width: 100%; height: 100%; margin: 0; border-radius: 0; object-fit: cover; }
.an-card-art > span { position: absolute; bottom: 9px; left: 12px; border-radius: 4px; padding: 1px 5px; background: #332c45dc; color: #fff2e1; font-size: 9px; }
.an-card-copy { padding: 16px 19px 19px; }
.an-badge { display: inline-block; padding: 2px 9px; border-radius: 12px; background: var(--an-wash); color: var(--an-muted); font-size: 11px; }
#anime-notebook .an-card h3 { margin: 8px 0; font-size: 22px; overflow-wrap: anywhere; }
#anime-notebook .an-card p { margin: 5px 0; }
.an-progress-label, .an-card time { color: var(--an-muted); font-size: 12px; }
.an-card progress { display: block; width: 100%; height: 5px; accent-color: #ae768e; margin: 7px 0 10px; }
.an-note { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.an-card time { display: block; margin-top: 10px; font-variant-numeric: tabular-nums; }
#aside-content .an-widget-link { display: flex; align-items: center; gap: 12px; margin-top: 10px; color: var(--an-ink); line-height: 1.45; text-decoration: none; }
.an-widget-link img { display: block; width: 62px; height: 73px; flex: none; object-fit: cover; object-position: 69% center; border-radius: 6px; }
.an-widget-copy { display: grid; gap: 5px; min-width: 0; }
.an-widget-copy strong { overflow-wrap: anywhere; font-size: 15px; }
.an-widget-copy small { color: var(--an-muted); font-size: 12px; }
.an-arrow { color: var(--an-muted); margin-left: auto; }
.an-widget-link:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.an-widget-link:focus-visible { outline: 2px solid #af7293; outline-offset: 3px; }
@media (max-width: 600px) {
  .type-anime #content-inner { padding: 10px 12px 52px; }
  #anime-notebook .an-hero { min-height: 226px; align-items: flex-end; }
  #anime-notebook .an-hero > img { width: 100%; object-position: 74% center; }
  .an-hero::before { background: linear-gradient(0deg,#302c49 0%,#302c49df 19%,#302c4975 51%,transparent 89%); }
  .an-hero-copy { padding: 0 18px 25px; }
  .an-frame { bottom: auto; top: 10px; right: 12px; font-size: 7px; }
  .an-ticket { flex-basis: 57px; min-height: 86px; font-size: 6px; }
  .an-ticket i { font-size: 23px; }
  .an-empty { padding: 22px 16px; }
  #anime-notebook .an-empty h3 { font-size: 20px; }
}