/* 城美人 0.27.1 */
:is(#acn-scope,[data-acn]) .acn-hero-copy { top: 28px; left: 28px; width: calc(100% - 48px); }
:is(#acn-scope,[data-acn]) .acn-hero h1 { flex-direction: row; align-items: baseline; gap: 0; margin: 14px 0 18px; font-size: clamp(44px, 5.4vw, 76px); line-height: 1.2; letter-spacing: -.02em; }
:is(#acn-scope,[data-acn]) .acn-hero h1 :is(.acn-title-name,.acn-title-book) { font: inherit; margin: 0; letter-spacing: inherit; }
:is(#acn-scope,[data-acn]) .acn-hero h1 .acn-title-book { color: #f4e7c8; }
:is(#acn-scope,[data-acn]) .acn-ad-space { grid-column: 1 / -1; min-width: 0; width: 100%; margin: 40px 0; padding: 0; container-name: acn-ad; container-type: inline-size; }
:is(#acn-scope,[data-acn]) .acn-ad-space > .acn-content-slot { display: block; width: min(100%, 300px); height: 250px; margin: 0 auto; }
:is(#acn-scope,[data-acn]) .acn-ad-space:has(> ins[data-ad-status="unfilled"]) { display: none; }
@container acn-ad (min-width: 336px) {
  :is(#acn-scope,[data-acn]) .acn-ad-space > .acn-content-slot { width: 336px; height: 280px; }
}
@container acn-ad (min-width: 600px) {
  :is(#acn-scope,[data-acn]) .acn-ad-space > .acn-content-slot { width: 468px; height: 60px; }
}
@container acn-ad (min-width: 760px) {
  :is(#acn-scope,[data-acn]) .acn-ad-space > .acn-content-slot { width: 728px; height: 90px; }
}
@media (max-width: 760px) {
  :is(#acn-scope,[data-acn]) .acn-hero-copy { width: 190px; top: 20px; left: 18px; }
  :is(#acn-scope,[data-acn]) .acn-hero h1 { flex-direction: row; align-items: baseline; gap: 0; margin: 10px 0 12px; font-size: 42px; line-height: 1.08; }
  :is(#acn-scope,[data-acn]) .acn-hero h1 .acn-title-book { font-size: inherit; letter-spacing: inherit; }
  :is(#acn-scope,[data-acn]) .acn-ad-space { margin: 32px 0; }
}

/* v0.34.0: PC row ads use the full grid width and automatic height. */
@media (min-width: 1024px) {
  :is(#acn-scope,[data-acn]) .acn-ad-space.acn-list-ad > .acn-content-slot {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 280px;
    max-height: none;
    margin: 0;
    box-sizing: border-box;
  }
}

/* v0.47.0: edge-to-edge desktop artwork and dedicated portrait mobile artwork. */
:is(#acn-scope,[data-acn]) .acn-hero{height:auto;min-height:0;max-height:280px;aspect-ratio:3 / 1;box-sizing:border-box;position:relative;align-self:start;background:transparent;color:#fff8e8;overflow:hidden;border:0;outline:0;box-shadow:none}
:is(#acn-scope,[data-acn]) .acn-hero::before,:is(#acn-scope,[data-acn]) .acn-hero::after{display:none}
:is(#acn-scope,[data-acn]) .acn-hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;margin:0;padding:0;border:0;background:transparent}
:is(#acn-scope,[data-acn]) .acn-hero-picture img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0;padding:0;border:0;outline:0;box-shadow:none}
:is(#acn-scope,[data-acn]) .acn-hero .acn-hero-copy{position:absolute;top:auto;left:0;right:auto;bottom:0;z-index:1;display:block;width:auto;max-width:100%;box-sizing:border-box;padding:15px 18px 11px;background:linear-gradient(90deg,#071924d9,#07192499 85%,transparent);border:0;text-shadow:0 1px 3px #0009;pointer-events:none}
:is(#acn-scope,[data-acn]) .acn-hero .acn-hero-copy h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
:is(#acn-scope,[data-acn]) .acn-hero .acn-hero-copy p{margin:0;font-size:12px;line-height:1.6;color:#fff8e8;letter-spacing:.035em;white-space:normal}
:is(#acn-scope,[data-acn]) .acn-hero>small{position:absolute;bottom:7px;right:10px;z-index:1;margin:0;padding:0;font:8px/1.4 system-ui,sans-serif;color:#fff;text-shadow:0 1px 3px #000}
@media(max-width:760px){
 :is(#acn-scope,[data-acn]) .acn-hero{height:auto;min-height:0;max-height:none;aspect-ratio:auto;background:var(--paper);overflow:hidden}
 :is(#acn-scope,[data-acn]) .acn-hero-picture{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4 / 5}
 :is(#acn-scope,[data-acn]) .acn-hero-picture img{position:absolute;inset:0;object-fit:cover;object-position:center}
 :is(#acn-scope,[data-acn]) .acn-hero .acn-hero-copy{position:relative;inset:auto;width:100%;max-width:none;padding:12px 12px 4px;background:none;text-align:center;text-shadow:none}
 :is(#acn-scope,[data-acn]) .acn-hero .acn-hero-copy p{font-size:12px;line-height:1.7;letter-spacing:0;color:var(--ink)}
 :is(#acn-scope,[data-acn]) .acn-hero>small{position:static;display:block;padding:0 12px 10px;font-size:9px;line-height:1.6;color:#62615c;text-align:center;text-shadow:none}
}