body.page-id-69 .entry-content{padding-inline:0!important;max-width:none!important} body.page-id-69 .entry-content>div{max-width:none!important} .czx{--ink:#0B0908;--red:#C81E16;--red2:#E63A22;--gold:#E0A44A;--cream:#F6EFE2;--line:rgba(246,239,226,.16); font-family:"Noto Serif SC","Songti SC",Georgia,serif;background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased} .czx *{box-sizing:border-box} .czx img{display:block;max-width:100%} .czx-w{width:min(1240px,calc(100% - 40px));margin:0 auto} .czx-band{position:relative;overflow:hidden} .czx-hero{position:relative;min-height:clamp(600px,94vh,940px);display:flex;align-items:flex-end;isolation:isolate;background:#0B0908;overflow:hidden} .czx-hero-bg{position:absolute;inset:0;z-index:0} .czx-hero .czx-hero-bg img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:52% 36%; transform:scale(1.03);animation:czxIn 26s ease-out forwards} @keyframes czxIn{from{transform:scale(1.12)}to{transform:scale(1.03)}} .czx-hero-bg:after{content:"";position:absolute;inset:0;background: linear-gradient(0deg,#0B0908 0%,rgba(11,9,8,.97) 20%,rgba(11,9,8,.9) 36%,rgba(11,9,8,.6) 54%,rgba(11,9,8,.2) 74%,rgba(11,9,8,.5) 100%), linear-gradient(90deg,rgba(11,9,8,.94) 0%,rgba(11,9,8,.78) 24%,rgba(11,9,8,.34) 52%,rgba(11,9,8,.04) 74%,rgba(11,9,8,0) 88%)} .czx-hero-in{position:relative;z-index:2;width:100%;padding:0 0 clamp(40px,5vw,74px)} .czx-kick{display:flex;align-items:center;gap:14px;font-family:"Noto Sans SC",system-ui,sans-serif; font-size:11.5px;letter-spacing:.3em;color:#F0B85C;margin:0 0 clamp(16px,2.2vw,26px);font-weight:600} .czx-kick:before{content:"";width:44px;height:2px;background:linear-gradient(90deg,var(--red2),var(--gold));flex:none} .czx-h1{font-size:clamp(96px,15vw,224px);line-height:.8;letter-spacing:.01em;margin:0;font-weight:800; color:#FFF9EF;text-shadow:0 12px 60px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.5)} .czx-h1 em{font-style:normal;color:#E63A22} .czx-lead{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:clamp(14px,1.35vw,17.5px);line-height:2.05; color:rgba(246,239,226,.86);max-width:34em;margin:clamp(26px,3.4vw,42px) 0 0} .czx-acts{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(22px,3vw,34px) 0 0} .czx-acts a{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:13px;letter-spacing:.14em;text-decoration:none; padding:15px 32px;border:1px solid rgba(246,239,226,.3);color:var(--cream);transition:.28s} .czx-acts a.p{background:var(--red);border-color:var(--red);color:#fff} .czx-acts a:hover{background:var(--red2);border-color:var(--red2);color:#fff;transform:translateY(-2px)} .czx-mq{position:relative;background:var(--red);color:#FFF6EA;overflow:hidden;border-top:2px solid #8E1109;border-bottom:2px solid #8E1109} .czx-mq-in{display:flex;width:max-content;animation:czxMq 34s linear infinite} .czx-mq span{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:clamp(13px,1.4vw,17px);letter-spacing:.4em; padding:13px 26px;white-space:nowrap;font-weight:600} .czx-mq span:after{content:"◆";color:rgba(255,246,234,.5);margin-left:26px;font-size:9px;vertical-align:2px} @keyframes czxMq{from{transform:translateX(0)}to{transform:translateX(-50%)}} .czx-stats{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:#0B0908} .czx-stats a{display:block;padding:clamp(20px,2.6vw,34px) 18px;text-decoration:none;color:inherit;border-right:1px solid var(--line);transition:.25s} .czx-stats a:last-child{border-right:0} .czx-stats a:hover{background:#141010} .czx-stats b{display:block;font-size:clamp(30px,4.2vw,52px);line-height:1;font-weight:800;color:#FFF9EF;letter-spacing:-.01em;white-space:nowrap} .czx-stats span{display:block;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:11.5px;letter-spacing:.16em; color:rgba(246,239,226,.55);margin-top:10px} .czx-sec{padding:clamp(56px,7vw,110px) 0} .czx-head{display:flex;align-items:flex-end;gap:20px;margin:0 0 clamp(26px,3.4vw,44px);border-bottom:1px solid var(--line);padding-bottom:16px} .czx-k{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:11px;letter-spacing:.34em;color:var(--red2);font-weight:700;flex:none} .czx-head h2{font-size:clamp(30px,4.6vw,64px);margin:0;font-weight:800;line-height:1;letter-spacing:.01em} .czx-head .sub{margin-left:auto;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12.5px;line-height:1.85; color:rgba(246,239,226,.5);text-align:right;max-width:24em} .czx-what{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,64px);align-items:start} .czx-txt p{font-size:clamp(15.5px,1.5vw,18.5px);line-height:2.15;margin:0 0 20px;color:rgba(246,239,226,.9)} .czx-txt p.big{font-size:clamp(19px,2.1vw,26px);line-height:1.95;color:#FFF9EF;font-weight:600} .czx-txt b{color:var(--gold);font-weight:700} .czx-txt a{display:inline-block;color:#FFF9EF!important;text-decoration:none;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12.5px;letter-spacing:.14em;background:var(--red);padding:12px 22px;margin-top:6px;transition:.26s} .czx-txt a:hover{background:var(--red2);color:#fff!important;transform:translateY(-2px)} .czx-proj{display:grid;gap:1px;background:var(--line)} .czx-proj div{background:#100C0B;padding:22px 24px;position:relative;transition:.24s} .czx-proj div:hover{background:#1B1310} .czx-proj i{font-style:normal;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:11px;letter-spacing:.2em;color:var(--red2);display:block;margin-bottom:8px} .czx-proj b{display:block;font-size:clamp(16px,1.7vw,20px);color:#FFF9EF;font-weight:700;line-height:1.4} .czx-proj span{display:block;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12px;color:rgba(246,239,226,.5);margin-top:8px;line-height:1.7} .czx-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)} .czx-poster{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;background:#000} .czx-poster .ph{display:block;position:relative;aspect-ratio:3/4;overflow:hidden} .czx-poster .ph img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover; transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(1.05) contrast(1.04)} .czx-poster:hover .ph img{transform:scale(1.07);filter:saturate(1.18) contrast(1.1)} .czx-poster .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,5,.1) 0%,rgba(8,6,5,.2) 46%,rgba(8,6,5,.92) 100%)} .czx-poster .no{position:absolute;left:16px;top:14px;z-index:2;font-family:"Noto Sans SC",system-ui,sans-serif; font-size:11px;letter-spacing:.28em;color:rgba(255,246,234,.85);border:1px solid rgba(255,246,234,.4);padding:5px 10px} .czx-poster .nm{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px 20px} .czx-poster .nm i{display:block;font-style:normal;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:11px; letter-spacing:.24em;color:var(--gold);margin-bottom:8px} .czx-poster .nm b{display:block;font-size:clamp(30px,4vw,52px);line-height:.98;font-weight:800;color:#FFF9EF;letter-spacing:.04em} .czx-poster .nm em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12.5px; line-height:1.8;color:rgba(246,239,226,.72);margin-top:12px} .czx-poster .go{display:inline-block;margin-top:14px;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12px; letter-spacing:.16em;color:#fff;border-bottom:1px solid var(--red2);padding-bottom:3px;transition:.24s} .czx-poster:hover .go{color:var(--red2);letter-spacing:.24em} .czx-note{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12.5px;line-height:2;color:rgba(246,239,226,.45); margin:22px 0 0;max-width:62em} .czx-vol{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)} .czx-vol a{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;text-decoration:none; color:inherit;padding:clamp(16px,1.9vw,24px) 8px;border-bottom:1px solid var(--line);position:relative;transition:.26s} .czx-vol a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:.26s;z-index:-1} .czx-vol a:hover{background:#160F0D} .czx-vol a:hover:before{width:4px} .czx-vol .n{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:13px;letter-spacing:.1em;color:var(--red2);font-weight:700} .czx-vol .t b{display:block;font-size:clamp(19px,2.1vw,27px);font-weight:700;color:#FFF9EF;line-height:1.2} .czx-vol .t span{display:block;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12px;color:rgba(246,239,226,.45);margin-top:6px} .czx-vol .ar{font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--red2);font-size:15px;opacity:0;transform:translateX(-8px);transition:.26s} .czx-vol a:hover .ar{opacity:1;transform:translateX(0)} .czx-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#000} .czx-strip figure{margin:0;position:relative;overflow:hidden} .czx-strip .ph{position:relative;aspect-ratio:3/2;overflow:hidden} .czx-strip .ph img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .8s ease} .czx-strip figure:hover .ph img{transform:scale(1.05)} .czx-strip figcaption{padding:16px 20px 20px;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12px; line-height:1.8;color:rgba(246,239,226,.6);background:#0B0908} .czx-src{background:#080605;padding:clamp(48px,6vw,84px) 0;border-top:1px solid var(--line)} .czx-src h2{font-size:clamp(22px,2.6vw,34px);margin:0 0 26px;font-weight:800} .czx-src table{width:100%;border-collapse:collapse;font-family:"Noto Sans SC",system-ui,sans-serif} .czx-src th{text-align:left;font-size:10.5px;letter-spacing:.24em;color:rgba(246,239,226,.4);padding:0 12px 12px 0;font-weight:600} .czx-src td{padding:14px 12px 14px 0;border-top:1px solid var(--line);font-size:12.5px;line-height:1.8;color:rgba(246,239,226,.72);vertical-align:top} .czx-src td a{color:#FFF9EF;text-decoration:none;border-bottom:1px solid rgba(246,239,226,.24)} .czx-src td a:hover{color:var(--red2);border-color:var(--red2)} .czx-src .og{display:block;color:rgba(246,239,226,.45);font-size:11.5px;margin-top:4px} .czx-src .dt{display:block;color:rgba(246,239,226,.32);font-size:11px;margin-top:3px} .czx-src .kd{display:inline-block;font-size:10.5px;letter-spacing:.12em;color:var(--gold);border:1px solid rgba(224,164,74,.34);padding:3px 9px;white-space:nowrap} .czx-end{padding:22px 0 40px;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:11.5px;color:rgba(246,239,226,.3);letter-spacing:.1em} @media (max-width:900px){ .czx-stats{grid-template-columns:repeat(2,1fr)} .czx-stats a:nth-child(2n){border-right:0} .czx-stats a:nth-child(n+3){border-top:1px solid var(--line)} .czx-stats a:nth-child(5){grid-column:1/-1;border-right:0} .czx-hero{grid-template-columns:1fr} .czx-hero-l{order:2;padding:36px 22px 44px} .czx-hero-r{order:1;min-height:56vh} .czx-what{grid-template-columns:1fr} .czx-3{grid-template-columns:1fr;gap:14px} .czx-poster .ph{aspect-ratio:4/3} .czx-vol{grid-template-columns:1fr;gap:0} .czx-strip{grid-template-columns:1fr} .czx-head{flex-wrap:wrap} .czx-head .sub{margin-left:0;text-align:left;max-width:none} .czx-h1{line-height:.86} } @media (prefers-reduced-motion:reduce){ .czx-mq-in{animation:none} .czx-hero-bg img{animation:none;transform:none} .czx-poster .ph img,.czx-strip img{transition:none} }