/* 成人短剧 | 深夜石墨、暗莓紫红与雾蓝紫影像系统 */
:root {
  color-scheme: dark;
  --ink: #15141D;
  --background: #191821;
  --surface: #25232F;
  --surface-raised: #302D3B;
  --berry: #A54568;
  --berry-bright: #C16C8C;
  --blue: #8994C6;
  --text: #F2EFF5;
  --muted: #B3AEBD;
  --gold: #E7B877;
  --line: rgba(242,239,245,.13);
  --hairline: rgba(242,239,245,.08);
  --max: 1376px;
  --gap: clamp(16px,2.05vw,30px);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {margin:0;min-width:320px;background:var(--background);color:var(--text);
  font:400 15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-synthesis:none;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
a:hover {color:#fff}
a:focus-visible,button:focus-visible {outline:3px solid var(--gold);outline-offset:4px}
img {display:block;width:100%;height:auto;object-fit:cover}
p,h1,h2,h3 {margin-top:0}
p {overflow-wrap:anywhere}
h1,h2,h3 {line-height:1.23;letter-spacing:-.035em}
h1 {font-weight:750}
h2 {font-weight:720}
h3 {font-weight:670}
::selection {background:var(--berry);color:white}
.skip-link {position:fixed;left:16px;top:-90px;z-index:999;padding:10px 16px;color:#fff;background:var(--berry)}
.skip-link:focus {top:10px}
.site-shell {overflow:clip}
.container {max-width:var(--max);padding:0 32px;margin-inline:auto}
.site-header {position:relative;z-index:9;background:rgba(21,20,29,.97);border-bottom:1px solid var(--hairline)}
.header-inner {max-width:calc(var(--max) + 64px);margin:auto;padding:18px 32px;
  min-height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.brand {display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:20px;font-weight:800;line-height:1.1;letter-spacing:.045em}
.brand img {width:43px;height:43px;object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:5px}
.brand small {display:block;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.16em;margin-top:7px}
.site-nav {display:flex;gap:34px;align-items:center}
.site-nav a {color:#c9c4cf;font-size:13px;white-space:nowrap;padding:8px 0;transition:color .2s ease}
.site-nav a:hover,.site-nav a[aria-current=page] {color:var(--text)}
.site-nav a[aria-current=page] {box-shadow:0 2px 0 var(--berry)}
.header-note {justify-self:end;color:var(--gold);font-size:12px;letter-spacing:.06em;border-bottom:1px solid rgba(231,184,119,.4);padding-bottom:3px}
.header-note span {font-size:16px}
.intro-strip {display:flex;align-items:center;justify-content:space-between;padding:20px 0 15px;
  border-bottom:1px solid var(--hairline);color:var(--muted);font-size:12px;letter-spacing:.04em}
.eyebrow {font-size:11px;letter-spacing:.12em;color:var(--gold);font-weight:680}
.status-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--berry-bright);margin-right:7px;box-shadow:0 0 0 4px rgba(165,69,104,.12)}
.overline {font-size:11px;letter-spacing:.19em;color:var(--berry-bright);font-weight:700}
.overline span {font-weight:400;color:var(--muted)}
.lead-section {display:grid;grid-template-columns:minmax(310px, .92fr) minmax(0,1.35fr);gap:clamp(24px,4vw,70px);
  padding-top:50px;padding-bottom:64px;border-bottom:1px solid var(--line);align-items:center}
.lead-text {padding:25px 0 30px;max-width:560px}
.lead-text h1 {font-size:clamp(45px,4.45vw,75px);line-height:1.14;margin:24px 0 27px}
.accent {color:var(--berry-bright)}
.lead-intro {font-size:15px;line-height:2.03;max-width:475px;color:#c9c3cf}
.topic-links {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:35px}
.topic-links a {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:43px;
  font-size:12px;letter-spacing:.02em;padding:8px 16px;border:1px solid var(--line);background:var(--surface);transition:background .25s,border-color .25s}
.topic-links a:first-child {background:var(--berry);border-color:var(--berry);color:#fff}
.topic-links a:hover {background:var(--surface-raised);border-color:var(--berry-bright)}
.lead-mosaic {height:520px;display:grid;grid-template-columns:1.15fr .9fr;grid-template-rows:1fr 1fr;gap:10px}
.mosaic-item {position:relative;overflow:hidden;isolation:isolate;background:var(--surface);border-radius:3px}
.mosaic-item::after,.work-card__visual::after,.ai-hero__image::after,.ai-thumb::after {content:"";position:absolute;inset:45% 0 0;
  background:linear-gradient(0deg,rgba(8,7,12,.88),rgba(8,7,12,0));pointer-events:none}
.mosaic-item--1 {grid-row:1 / 3}
.mosaic-item img {height:100%;transition:transform .6s ease}
.mosaic-item:hover img {transform:scale(1.045)}
.mosaic-caption {position:absolute;z-index:1;bottom:0;left:0;right:0;padding:22px}
.mosaic-caption strong,.mosaic-caption small {display:block}
.mosaic-caption strong {font-size:clamp(16px,1.4vw,24px);line-height:1.2}
.mosaic-caption small {font-size:11px;margin-top:8px;color:#ddd4dd}
.content-section {padding-top:66px;padding-bottom:70px}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}
.section-head h2 {font-size:clamp(26px,2.8vw,42px);margin:11px 0 0}
.section-head>p {color:var(--muted);max-width:380px;font-size:13px;line-height:1.95;margin:0}
.work-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap) 18px}
.work-grid--three {grid-template-columns:repeat(3,minmax(0,1fr))}
.work-card {min-width:0;display:flex;flex-direction:column}
.work-card__visual {position:relative;display:block;aspect-ratio:46/58;overflow:hidden;border:1px solid var(--hairline);
  background:linear-gradient(140deg,#38313f,#1f1e27);border-radius:3px}
.work-card__visual img {height:100%;transition:transform .5s ease,filter .5s ease}
.work-card__visual:hover img {transform:scale(1.04);filter:brightness(1.07)}
.work-card__visual::after {opacity:.4}
.work-card__format {position:absolute;z-index:1;bottom:10px;left:10px;background:rgba(18,17,23,.76);
  border:1px solid rgba(255,255,255,.19);font-size:10px;letter-spacing:.06em;padding:3px 9px;color:#fff;backdrop-filter:blur(10px)}
.work-card__body {padding:16px 4px 0;flex:1;display:flex;flex-direction:column}
.work-card__eyebrow {color:var(--blue);font-size:11px;letter-spacing:.03em;margin-bottom:7px}
.work-card__body h3 {font-size:clamp(17px,1.38vw,22px);margin-bottom:9px}
.work-card__body h3 a:hover {color:var(--berry-bright)}
.work-card__body p {font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 12px}
.text-link {width:max-content;max-width:100%;font-size:12px;color:var(--gold);letter-spacing:.035em;border-bottom:1px solid rgba(231,184,119,.35);padding-bottom:2px;margin-top:auto}
.text-link:hover,.underlined-link:hover {color:#fff}
.ai-preview {display:grid;grid-template-columns:.9fr 1.2fr;gap:50px;align-items:center;padding:54px;
  background:radial-gradient(ellipse at 15% 20%,rgba(137,148,198,.15),transparent 52%),var(--surface);
  border-top:1px solid rgba(137,148,198,.23);border-bottom:1px solid var(--line)}
.ai-preview__intro h2 {font-size:clamp(29px,3.1vw,50px);line-height:1.25;margin:23px 0}
.ai-preview__intro h2 em {font-style:normal;color:var(--blue)}
.ai-preview__intro p:not(.overline) {max-width:450px;line-height:2;color:#cbc5d5;font-size:14px}
.arrow-link {display:inline-flex;align-items:center;gap:38px;padding:11px 14px;background:var(--berry);color:#fff;font-size:12px;margin-top:20px}
.arrow-link:hover {background:var(--berry-bright)}
.ai-preview__cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ai-thumb {min-width:0;position:relative;min-height:340px;overflow:hidden;background:#1d1e29;border:1px solid var(--hairline);border-radius:3px}
.ai-thumb img {position:absolute;inset:0;height:100%}
.ai-thumb::after {inset:30% 0 0}
.ai-thumb strong,.ai-thumb span {position:absolute;left:18px;right:18px;z-index:1}
.ai-thumb strong {bottom:83px;font-size:20px}
.ai-thumb span {bottom:18px;font-size:11px;color:#ded8e4;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.index-section {padding:82px 0 95px}
.section-head--tight {margin-bottom:26px}
.story-index {display:grid;grid-template-columns:1fr 1fr;gap:36px}
.index-column {border-top:1px solid var(--berry)}
.index-column h3 {display:flex;justify-content:space-between;align-items:center;font-size:17px;
  margin:0;padding:18px 0 15px}
.index-column h3 span {color:var(--muted);font:500 11px/1.3 monospace;letter-spacing:.1em}
.index-column>a {display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;
  padding:17px 0;border-bottom:1px solid var(--hairline);transition:padding .2s,background .2s}
.index-column>a:hover {padding-left:8px;background:rgba(255,255,255,.015)}
.index-column>a span {font-weight:650;font-size:16px}
.index-column>a small {font-size:11px;color:var(--muted)}
.index-column>a b {color:var(--gold);font-weight:400}
.manga-strip {display:grid;grid-template-columns:1.5fr .55fr .55fr;gap:16px;align-items:center;
  margin-top:65px;padding:28px;background:var(--surface);border:1px solid var(--hairline)}
.manga-strip>div {padding-right:25px}
.manga-strip h3 {font-size:clamp(19px,2vw,27px);margin:17px 0 13px}
.manga-strip p {color:var(--muted);font-size:12px;line-height:1.95;max-width:510px;margin:0}
.manga-strip>a {align-self:stretch;display:flex;flex-direction:column;gap:8px}
.manga-strip>a img {height:150px;object-position:center 35%;border-radius:2px}
.manga-strip>a span {font-size:12px}
.site-footer {background:var(--ink);border-top:1px solid var(--line);padding:45px max(32px,calc((100vw - var(--max))/2 + 32px)) 22px}
.footer-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:40px}
.footer-brand {font-size:22px;font-weight:800;margin-bottom:8px}
.footer-mark {color:var(--berry-bright);font-size:10px;letter-spacing:.12em;font-weight:500}
.footer-grid p:not(.footer-brand) {font-size:12px;color:var(--muted);max-width:450px;margin:0}
.footer-links {display:flex;justify-content:flex-end;align-items:start;gap:30px;padding-top:9px;font-size:12px}
.footer-links a:hover {color:var(--gold)}
.footer-bottom {display:flex;justify-content:space-between;gap:12px;color:#817b8a;border-top:1px solid var(--hairline);
  margin-top:35px;padding-top:20px;font-size:11px}
/* AI内页 */
.subpage {padding-bottom:80px}
.breadcrumbs {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:23px 0;color:var(--muted);font-size:11px}
.breadcrumbs a:hover {color:var(--gold)}
.breadcrumbs span[aria-current] {color:var(--text)}
.ai-hero {min-height:540px;display:grid;grid-template-columns:1fr .95fr;gap:65px;padding:32px 0 74px;align-items:center;
  border-bottom:1px solid var(--line)}
.ai-hero__text h1 {font-size:clamp(43px,4.2vw,73px);margin:25px 0}
.ai-hero__text>p:not(.overline) {max-width:570px;color:#c9c4d0;line-height:2.15;font-size:15px}
.underlined-link {display:inline-block;color:var(--gold);border-bottom:1px solid var(--gold);font-size:12px;margin-top:27px;padding-bottom:5px}
.ai-hero__image {height:450px;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line)}
.ai-hero__image>img {height:100%;object-position:center 40%}
.ai-hero__image>span {position:absolute;z-index:1;left:26px;bottom:24px;right:25px;display:flex;flex-direction:column;gap:7px}
.ai-hero__image strong {font-size:25px}
.ai-hero__image small {font-size:12px;color:var(--muted)}
.digital-note {display:grid;grid-template-columns:.33fr 1fr;gap:20px;padding:32px 36px;margin:25px 0 85px;
  background:linear-gradient(100deg,rgba(137,148,198,.13),rgba(137,148,198,.035));border-left:2px solid var(--blue)}
.digital-note__number {font-size:12px;color:var(--blue);letter-spacing:.16em}
.digital-note h2 {font-size:24px;margin-bottom:14px}
.digital-note p {font-size:13px;color:#c9c4d1;line-height:2;margin-bottom:0}
.manga-collection {padding-bottom:65px}
.manga-collection__grid {display:grid;grid-template-columns:1fr 1fr;gap:28px}
.manga-feature {display:grid;grid-template-columns:40% 1fr;gap:23px;background:var(--surface);padding:14px}
.manga-feature>a {overflow:hidden;background:var(--ink)}
.manga-feature>a img {height:100%;min-height:330px}
.manga-feature>div {padding:22px 10px 15px 0;display:flex;flex-direction:column;align-items:start}
.manga-feature h3 {font-size:25px;margin:15px 0}
.manga-feature p {color:var(--muted);font-size:12px;line-height:1.98;margin:0 0 12px}
.back-to-stories {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.back-to-stories p {margin:0;font-size:13px;color:var(--muted)}
.back-to-stories a {font-size:12px;color:var(--gold);white-space:nowrap}
/* 独立作品页 */
.detail-page {padding-bottom:85px}
.detail-hero {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:clamp(35px,6vw,110px);
  padding:19px 0 70px;border-bottom:1px solid var(--line)}
.detail-hero__art {position:relative;height:570px;background:var(--surface);overflow:hidden;border:1px solid var(--hairline)}
.detail-hero__art>img {height:100%}
.image-corner {position:absolute;right:16px;top:16px;background:rgba(15,14,20,.75);padding:6px 12px;
  color:var(--gold);font:500 11px/1.4 monospace;letter-spacing:.11em}
.detail-hero__content {padding:28px 0;display:flex;flex-direction:column;align-items:start}
.detail-hero__content h1 {font-size:clamp(45px,4.8vw,74px);margin:23px 0 20px}
.tag-list {display:flex;flex-wrap:wrap;gap:7px}
.tag-list span {color:var(--blue);background:rgba(137,148,198,.08);border:1px solid rgba(137,148,198,.18);
  padding:4px 9px;font-size:11px}
.detail-lead {color:#e6e1e9;line-height:2.1;font-size:17px;margin:35px 0 23px}
.detail-quote {border-left:2px solid var(--berry);background:var(--surface);padding:22px 27px;margin-bottom:24px}
.detail-quote span {font-size:11px;color:var(--gold);letter-spacing:.09em}
.detail-quote p {margin:10px 0 0;color:var(--muted);line-height:2;font-size:13px}
.story-body {display:grid;grid-template-columns: .36fr 1fr;gap:40px;padding:75px 0 80px;border-bottom:1px solid var(--line)}
.story-body__side {font-size:12px;color:var(--blue);letter-spacing:.05em}
.story-body__side p {color:var(--muted);margin-top:14px;line-height:2}
.story-body__content {max-width:850px}
.story-body__content section {margin-bottom:40px;padding-bottom:35px;border-bottom:1px solid var(--hairline)}
.story-body__content section:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0}
.story-body__content h2 {font-size:26px;margin-bottom:15px}
.story-body__content p {font-size:15px;color:#cac5d0;line-height:2.15;margin-bottom:0}
.related-section {padding-top:64px}
.error-page {min-height:65vh;display:flex;flex-direction:column;align-items:start;justify-content:center;padding-top:60px;padding-bottom:100px}
.error-page h1 {font-size:clamp(40px,5vw,70px)}
.error-page>p:not(.overline) {color:var(--muted);font-size:15px;max-width:550px}
.error-page .text-link {margin:18px 0 0}
/* interactive treatments */
@media (hover:hover) {
  .manga-strip>a:hover img,.manga-feature>a:hover img {filter:brightness(1.11)}
  .index-column>a:hover b {transform:translate(2px,-2px)}
}
@media (max-width:1160px) {
  .header-inner {grid-template-columns:1fr auto;row-gap:18px}
  .site-nav {grid-column:1 / -1;grid-row:2;justify-content:center;border-top:1px solid var(--hairline);padding-top:11px}
  .header-note {grid-column:2;grid-row:1}
  .lead-section {gap:32px;grid-template-columns:1fr 1.15fr}
  .lead-mosaic {height:470px}
  .ai-preview {padding:36px;gap:25px}
  .manga-feature {grid-template-columns:1fr}
  .manga-feature>a img {height:265px;min-height:0}
  .manga-feature>div {padding:12px}
}
@media (max-width:850px) {
  .container {padding:0 22px}
  .lead-section {grid-template-columns:1fr;padding-top:25px;gap:15px}
  .lead-text {max-width:700px;padding-bottom:10px}
  .lead-text h1 {font-size:clamp(43px,8vw,67px)}
  .lead-mosaic {height:400px}
  .work-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 17px}
  .work-grid--three {grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head {align-items:start}
  .ai-preview {grid-template-columns:1fr;gap:28px}
  .ai-preview__intro p:not(.overline) {max-width:750px}
  .ai-thumb {min-height:310px}
  .ai-hero {grid-template-columns:1fr;gap:35px}
  .ai-hero__image {height:390px}
  .manga-collection__grid {grid-template-columns:1fr 1fr}
  .detail-hero {gap:30px;grid-template-columns:42% 1fr}
  .detail-hero__art {height:520px}
  .detail-hero__content h1 {font-size:clamp(35px,6vw,56px)}
  .detail-lead {font-size:15px}
  .footer-grid {grid-template-columns:1fr}
  .footer-links {justify-content:flex-start}
}
@media (max-width:600px) {
  html {scroll-padding-top:28px}
  body {font-size:14px}
  .container {padding:0 16px}
  .header-inner {padding:14px 16px;min-height:auto;gap:15px}
  .brand {font-size:17px}
  .brand img {width:37px;height:37px}
  .brand small {font-size:8px;letter-spacing:.07em}
  .header-note {font-size:11px}
  .site-nav {justify-content:space-between;gap:10px}
  .site-nav a {font-size:12px}
  .intro-strip {font-size:10px;gap:15px}
  .intro-strip>span:last-child {text-align:right}
  .lead-section {padding-top:20px;padding-bottom:37px}
  .lead-text h1 {font-size:44px;margin:20px 0}
  .lead-intro {font-size:13px;line-height:2}
  .topic-links {margin-top:23px}
  .lead-mosaic {height:340px;gap:6px}
  .mosaic-caption {padding:12px}
  .mosaic-caption strong {font-size:15px}
  .mosaic-caption small {font-size:9px}
  .content-section {padding:48px 0}
  .section-head {display:block;margin-bottom:23px}
  .section-head h2 {font-size:28px}
  .section-head>p {margin-top:15px;font-size:12px}
  .work-grid {gap:27px 12px}
  .work-card__visual {aspect-ratio:4/5.7}
  .work-card__body {padding:12px 2px 0}
  .work-card__body h3 {font-size:16px}
  .work-card__body p {font-size:11px;line-height:1.85}
  .work-card__eyebrow,.work-card__format {font-size:9px}
  .work-card__format {left:6px;bottom:6px;padding:2px 5px}
  .text-link {font-size:11px}
  .ai-preview {padding:26px 16px;margin:0 -16px}
  .ai-preview__intro h2 {font-size:32px}
  .ai-preview__intro p:not(.overline) {font-size:13px}
  .ai-preview__cards {gap:9px}
  .ai-thumb {min-height:270px}
  .ai-thumb strong,.ai-thumb span {left:10px;right:10px}
  .ai-thumb strong {font-size:16px;bottom:97px}
  .ai-thumb span {font-size:10px;bottom:12px;-webkit-line-clamp:4}
  .index-section {padding:55px 0}
  .story-index {grid-template-columns:1fr;gap:29px}
  .index-column>a {grid-template-columns:minmax(0,1fr) auto 12px}
  .index-column>a span {font-size:14px}
  .index-column>a small {font-size:10px}
  .manga-strip {grid-template-columns:1fr 1fr;margin-top:38px;padding:16px;gap:12px}
  .manga-strip>div {grid-column:1/-1;padding:0 0 9px}
  .manga-strip h3 {font-size:21px}
  .manga-strip>a img {height:155px}
  .site-footer {padding:38px 16px 20px}
  .footer-links {flex-wrap:wrap;gap:15px}
  .footer-bottom {flex-direction:column}
  .subpage {padding-bottom:50px}
  .ai-hero {padding:18px 0 45px}
  .ai-hero__text h1 {font-size:43px}
  .ai-hero__text>p:not(.overline) {font-size:13px}
  .ai-hero__image {height:320px}
  .digital-note {display:block;padding:25px 22px;margin:10px 0 55px}
  .digital-note__number {display:block;margin-bottom:14px}
  .digital-note h2 {font-size:21px}
  .manga-collection__grid {grid-template-columns:1fr}
  .manga-feature {grid-template-columns:40% 1fr;gap:12px;padding:9px}
  .manga-feature>a img {height:100%;min-height:270px}
  .manga-feature>div {padding:7px 3px}
  .manga-feature h3 {font-size:20px;margin:9px 0}
  .manga-feature p {font-size:11px}
  .manga-feature p:nth-of-type(2) {display:none}
  .back-to-stories {align-items:start;flex-direction:column}
  .detail-hero {grid-template-columns:1fr;padding:10px 0 40px}
  .detail-hero__art {height:440px;max-width:450px;width:100%;margin-inline:auto}
  .detail-hero__content {padding:0}
  .detail-hero__content h1 {font-size:44px}
  .detail-lead {margin:25px 0 18px}
  .detail-quote {padding:18px}
  .story-body {display:block;padding:45px 0}
  .story-body__side {margin-bottom:25px}
  .story-body__side p {display:none}
  .story-body__content h2 {font-size:23px}
  .story-body__content p {font-size:13px}
  .related-section {padding-top:47px}
}
@media (max-width:390px) {
  .header-note {display:none}
  .header-inner {grid-template-columns:1fr}
  .brand small {letter-spacing:0}
  .site-nav {gap:4px}
  .lead-text h1 {font-size:40px}
  .lead-mosaic {height:295px}
  .index-column>a {grid-template-columns:1fr 14px}
  .index-column>a small {display:none}
  .manga-feature {grid-template-columns:1fr}
  .manga-feature>a img {height:220px;min-height:0}
  .manga-feature p:nth-of-type(2) {display:block}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {transition:none!important;animation:none!important}
}
@media print {
  body {color:#111;background:#fff}
  .site-header,.site-footer,.topic-links,.arrow-link {display:none}
  .container {max-width:100%;padding:0}
  .detail-hero {grid-template-columns:35% 1fr}
  .detail-hero__art {height:auto}
  a {color:#111}
}