/* 韩漫社 — cinematic, high-contrast metropolitan webtoon journal. */
body.brand-neon{--bg:#101723;--paper:#182536;--text:#edf4f4;--muted:#a3b3c0;--line:#334756;--green:#6ee2d6;--soft:#24404a;--orange:#ff8ca8;--reader-width:900px;color-scheme:dark;background:#101723}
.brand-neon .site-header{background:#0d1420;border-bottom:1px solid #385363}.brand-neon .header-inner{max-width:1520px;min-height:90px;padding:18px 45px;gap:62px}.brand-neon .brand{gap:15px}.brand-neon .brand-mark{display:grid;place-items:center;width:46px;height:46px;background:#64d7d1;color:#101723;font:900 27px/1 Georgia,"Songti SC",serif;border-radius:0;box-shadow:5px 5px 0 #eb7194}.brand-neon .brand>span:last-child{font-weight:900;font-size:28px;letter-spacing:.04em}.brand-neon .brand small{font-family:ui-monospace,monospace;letter-spacing:.05em;color:#77cfc9}
.brand-neon .header-inner nav{gap:28px;text-transform:uppercase;font-weight:700}.brand-neon .header-inner nav a[aria-current]:after{background:#6ee2d6;height:3px;bottom:-20px}.brand-neon .header-search input{background:#1c2d3d;border-color:#395262;border-radius:0;color:#f5f9f9}.brand-neon .header-search button{background:#6ee2d6;border-radius:0;color:#101723;font-weight:800}
.brand-neon .workspace{max-width:1520px;display:block;padding:0 45px 95px}.brand-neon .catalog-rail{position:static;display:flex;gap:30px;align-items:center;padding:16px 0;margin-bottom:28px;border-bottom:1px solid #34505f}.brand-neon .catalog-rail small{margin:0 20px 0 0;color:#78cbc6;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.17em}.brand-neon .catalog-rail>a{margin:0;padding:6px 0;border-radius:0;white-space:nowrap}.brand-neon .catalog-rail .selected{background:none;color:#7dece1;border-bottom:2px solid #78e4d9}.brand-neon .catalog-rail .rail-separator,.brand-neon .catalog-rail>p{display:none}
.brand-neon .welcome{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:0;align-items:stretch;min-height:590px;padding:0;margin-bottom:44px;background:linear-gradient(115deg,#1d2d40,#171f31 56%,#292038);border:1px solid #425b70;box-shadow:12px 12px 0 #1e5360;overflow:hidden}
.brand-neon .welcome::before{content:"CITY STORIES / ORIGINAL COMICS";position:absolute;left:42px;top:32px;color:#82dfd9;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.22em}.brand-neon .welcome>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:80px 48px 64px;border-left:6px solid #6ee2d6}.brand-neon .welcome .eyebrow{color:#ff99b2;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.15em}.brand-neon .welcome h1{font-size:clamp(48px,5vw,78px);line-height:1.15;letter-spacing:-.06em;font-weight:900;color:#fff;text-shadow:5px 5px 0 #a94977;margin:22px 0}.brand-neon .welcome p{font-size:16px;line-height:1.95;color:#c6d5de}.brand-neon .welcome .text-link{margin-top:32px;color:#75e4d9;font-weight:700}
.brand-neon .latest-pick{position:relative;display:block;min-height:590px;background:#203345}.brand-neon .latest-pick img{width:100%;height:590px;object-fit:cover;object-position:center 25%;filter:saturate(1.16)}.brand-neon .latest-pick::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b1220db);pointer-events:none}.brand-neon .latest-pick>div{position:absolute;left:32px;bottom:25px;z-index:1;color:white}.brand-neon .latest-pick span{font:800 11px/1.5 ui-monospace,monospace;color:#77e1db;letter-spacing:.16em}.brand-neon .latest-pick strong{display:block;font-size:clamp(25px,3vw,44px);line-height:1.25;margin-top:8px}.brand-neon .latest-pick small{display:block;margin-top:10px}
.brand-neon .list-heading{border-bottom:2px solid #64d7d1;padding-bottom:15px}.brand-neon .list-heading h2{font-size:30px;font-weight:900}.brand-neon .filter{border-radius:0}.brand-neon .filter.active{background:#6ee2d6;color:#102535;border-color:#6ee2d6;font-weight:800}.brand-neon .search input,.brand-neon .sort select{background:#1a2a3c;color:#edf4f4;border-color:#415a68}
.brand-neon .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.brand-neon .card{display:grid;grid-template-columns:40% 60%;min-height:300px;background:#1a2a3d;border:1px solid #39566a}.brand-neon .cover-link{height:100%;border-radius:0;overflow:hidden}.brand-neon .cover-link img{width:100%;height:100%;object-fit:cover}.brand-neon .card-info{display:flex;flex-direction:column;padding:23px}.brand-neon .card-category{font-family:ui-monospace,monospace;color:#85e3dd}.brand-neon .card h3{font-size:25px;font-weight:850}.brand-neon .card p{font-size:13px}.brand-neon .card-actions{margin-top:auto}.brand-neon .read-link{color:#8de9df}
.brand-neon .detail{max-width:1250px}.brand-neon .detail-grid{grid-template-columns:360px 1fr;gap:70px}.brand-neon .detail-cover img{border:1px solid #5a7585;box-shadow:12px 12px 0 #255b68}.brand-neon .detail-copy h1{font-size:clamp(38px,5vw,64px);font-weight:900}.brand-neon .button{background:#6ee2d6;color:#112838;border-color:#6ee2d6;font-weight:800}.brand-neon .button.secondary{background:transparent;color:#6ee2d6;border-color:#60b5ae}
.brand-neon .reader-bar{background:#111e2d;border-bottom:1px solid #5bb7b1}.brand-neon .reader-heading h1{font-weight:900}.brand-neon .comic-strip{background:#09111e}.brand-neon .comic-panel{box-shadow:0 12px 36px #0008}.brand-neon .reader-end{background:#182a3a}.brand-neon .site-footer{background:#0b1320;border-top:1px solid #345060}
@media(max-width:1100px){.brand-neon .welcome{grid-template-columns:1fr 1fr;min-height:470px}.brand-neon .latest-pick,.brand-neon .latest-pick img{height:470px;min-height:470px}.brand-neon .welcome>div:first-child{padding:60px 25px 35px}.brand-neon .grid{grid-template-columns:1fr}}
@media(max-width:700px){.brand-neon .header-inner{padding:12px 16px;min-height:0;gap:12px}.brand-neon .brand-mark{width:32px;height:32px;font-size:20px}.brand-neon .brand>span:last-child{font-size:21px}.brand-neon .workspace{padding:0 16px 55px}.brand-neon .catalog-rail{gap:19px;overflow-x:auto;margin-bottom:18px}.brand-neon .catalog-rail small,.brand-neon .catalog-rail>a[href="/help/"]{display:none}.brand-neon .welcome{grid-template-columns:1fr;min-height:0}.brand-neon .welcome::before{display:none}.brand-neon .welcome>div:first-child{padding:28px 22px;border-left-width:4px}.brand-neon .welcome h1{font-size:42px;margin:12px 0}.brand-neon .latest-pick,.brand-neon .latest-pick img{height:280px;min-height:280px}.brand-neon .latest-pick>div{left:18px;bottom:14px}.brand-neon .grid{grid-template-columns:1fr}.brand-neon .card{grid-template-columns:38% 62%;min-height:215px}.brand-neon .card-info{padding:12px}.brand-neon .card h3{font-size:18px}.brand-neon .card p{font-size:11px}.brand-neon .detail-grid{grid-template-columns:125px 1fr;gap:19px}}
@media(prefers-reduced-motion:no-preference){.brand-neon .card,.brand-neon .latest-pick{transition:transform .24s ease,box-shadow .24s ease}.brand-neon .card:hover{transform:translateY(-4px);box-shadow:8px 8px 0 #255b68}}

.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 12px}
.story-tags a{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--paper);font-size:12px;line-height:1.2;text-decoration:none}
.story-tags a:hover,.story-tags a:focus-visible{border-color:var(--green);color:var(--green);text-decoration:underline;text-underline-offset:3px}
.card .story-tags{margin:4px 0 10px}.card .story-tags a{font-size:11px;min-height:24px;padding:3px 7px}
.detail-copy .story-tags{margin:12px 0 18px}.reader-heading .story-tags{justify-content:center;margin:10px auto}
.related-empty{margin:16px 0 0;color:var(--muted);line-height:1.8}
@media(max-width:600px){.card .story-tags{gap:4px}.card .story-tags a{font-size:10px;padding:3px 6px}}