/* C 组：P36–P43（三个判断后段）。类名用 q36…q43，避开 deck.css 里旧的 .c36–.c38 */
.qcards{position:absolute;left:160px;top:356px;width:1600px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.big2{font:700 124px/1.28 var(--serif)}

/* ---------- P36 做出来不难，难的是知道什么是好的 ---------- */
.q36 .col{width:1200px}
.q36 .cd{height:430px;border-radius:24px;background:var(--k1);border:1px solid var(--ln);display:flex;flex-direction:column;overflow:hidden}
.q36 .v{flex:1;display:grid;place-items:center;background:radial-gradient(ellipse 80% 80% at 50% 100%,rgba(142,162,255,.1),transparent 70%)}
.q36 .c{padding:0 34px 40px}
.q36 .c small{font-size:26px;color:var(--t3);letter-spacing:.2em}
.q36 .c p{margin-top:10px;font:600 52px var(--serif)}
.q36 .ob{width:130px;height:130px;background:linear-gradient(180deg,#fff,#d6d8e6);box-shadow:0 0 50px rgba(237,237,243,.3)}
.q36 .ob.a{border-radius:50%}.q36 .ob.b{border-radius:34px}.q36 .ob.c{border-radius:14px;transform:rotate(45deg) scale(.82)}
.q36 .fin p{font-size:44px;margin-top:40px}

/* ---------- P37 关键词谁都能抄，品味抄不走 ---------- */
.q37 .top{position:absolute;left:0;right:0;top:150px;text-align:center}
.q37 .top h2{margin-top:24px;font:700 72px/1.25 var(--serif)}
.q37 .two{position:absolute;left:160px;top:336px;width:1600px;display:grid;grid-template-columns:1fr 90px 1fr;align-items:center}
.q37 .pp{height:440px;padding:34px 40px;border-radius:28px;background:var(--k1);border:1px solid var(--ln)}
.q37 .pp h4{display:flex;justify-content:space-between;align-items:center;font-size:32px;font-weight:500}
.q37 .pp h4 span{font-size:22px;color:var(--t3);border:1px solid var(--ln);border-radius:99px;padding:5px 14px;font-weight:400}
.q37 .pp p{margin-top:30px;padding:30px 32px;border-radius:18px;background:var(--k2);font:400 36px/1.6 var(--sans);color:var(--t1);height:290px}
.q37 .pp p i{display:inline-block;width:3px;height:38px;background:var(--acc2);vertical-align:-6px;margin-left:6px;animation:blink 1.1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.q37 .eq{text-align:center;font:300 90px var(--serif);color:var(--t3)}
.q37 .out{position:absolute;left:160px;top:190px;width:560px;height:610px;border-radius:28px;background:var(--k1);border:1px solid var(--ln);padding:34px 40px}
.q37 .out h4{font-size:32px;font-weight:500}
.q37 .out .po{margin-top:26px;height:440px;border-radius:18px;background:linear-gradient(160deg,#2e2e3e,#232330);padding:40px;display:grid;align-content:space-between}
.q37 .out .po b{display:block;height:54px;width:80%;border-radius:10px;background:rgba(237,237,243,.2)}
.q37 .out .po i{display:block;height:12px;border-radius:6px;background:rgba(237,237,243,.12);margin-top:14px}
.q37 .asks{position:absolute;left:820px;top:190px;width:940px}
.q37 .asks p{font:700 70px/1.2 var(--serif);margin-top:44px}
.q37 .asks p:first-of-type{margin-top:40px}

/* ---------- P38 体验趋同，拼功能；功能趋同，拼品味 ---------- */
.q38 .hx h1{font-size:120px;line-height:1.3}
.q38 .col{width:620px}
.q38 .col p{margin-top:34px;font-size:34px;line-height:1.55;color:var(--Lt2)}
.q38 .rows{position:absolute;left:860px;top:170px;width:900px;border-radius:28px;background:#fff;border:1px solid var(--Lln);box-shadow:0 40px 90px rgba(23,23,33,.08);padding:14px 44px}
.q38 .r{display:grid;grid-template-columns:200px 1fr auto;align-items:center;height:196px;border-bottom:1px solid var(--L1)}
.q38 .r:last-child{border-bottom:0}
.q38 .r h4{font:600 60px var(--serif);color:var(--Lt2)}
.q38 .r div{display:flex;gap:26px;align-items:center}
.q38 .r i{display:block;width:84px;height:84px;border-radius:50%;background:var(--L1);border:1px solid var(--Lln)}
.q38 .r span{font-size:28px;color:var(--Lt3)}
.q38 .r.hi h4{color:var(--Lt1)}.q38 .r.hi span{color:var(--acc)}
.q38 .r.hi i{background:var(--acc);border-color:var(--acc)}
.q38 .r.hi i:nth-child(2){border-radius:24px;background:#171721;border-color:#171721}
.q38 .r.hi i:nth-child(3){border-radius:10px;transform:rotate(45deg) scale(.8);background:#8ea2ff;border-color:#8ea2ff}

/* ---------- P39 Codex 截图（待补图） ---------- */
.q39 .col{width:560px}
.q39 .col p{margin-top:34px;font-size:34px;line-height:1.55;color:var(--t2)}
.q39 .was{margin-top:30px;padding:22px 30px 26px;border-radius:20px;border:1px solid var(--ln);background:var(--k1)}
.q39 .was small{font-size:24px;letter-spacing:.3em;color:var(--t3)}
.q39 .was i{display:block;height:12px;border-radius:6px;background:rgba(237,237,243,.14);margin-top:16px}
.q39 .shot{position:absolute;left:800px;top:150px;width:960px;height:650px;border-radius:28px;background:var(--k1);border:1px solid var(--ln);box-shadow:0 40px 80px rgba(0,0,0,.35);overflow:hidden}
.q39 .shot .bar{height:64px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;padding:0 26px;font-size:24px;color:var(--t3)}
.q39 .shot .bar i{width:14px;height:14px;border-radius:50%;background:rgba(237,237,243,.16)}
.q39 .shot .bar span{margin-left:14px}
.q39 .shot .img{position:absolute;inset:64px 0 0;background:url(img/c_codex.png) center/cover,repeating-linear-gradient(135deg,rgba(237,237,243,.03) 0 18px,transparent 18px 36px);display:grid;place-items:center}
.q39 .shot .img b{font-size:30px;font-weight:400;color:var(--t3);border:1.5px dashed rgba(237,237,243,.25);border-radius:18px;padding:26px 40px;text-align:center;line-height:1.6}

/* ---------- P40 一门「没用」的书法课 ---------- */
.q40 .pic{background-image:url(img/c_callig.png);filter:sepia(.5) saturate(.75) contrast(1.05) brightness(.95)}
.q40 .cam{transform-origin:50% 70%}
.q40.st1 .cam{transform:scale(1.3)}
.q40.st1 .vl::after{opacity:1}
.q40 .tl{top:520px}
.q40 .tl .nd{width:560px}
.q40 .tl .nd b{font-size:84px}
.q40 .tl .nd span{font-size:32px}
.q40 .tl .nd em{font-size:28px;color:var(--acc2);margin-top:14px}
.q40 .types{position:absolute;left:160px;top:230px;width:1600px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.q40 .ty{height:540px;border-radius:28px;border:1px solid var(--ln);background:var(--k1);display:flex;flex-direction:column;overflow:hidden}
.q40 .ty .g{flex:1;display:grid;place-items:center;font-size:230px;line-height:1}
.q40 .ty.old .g{font-family:"Courier New",monospace;font-weight:700;color:#7c8a7c;letter-spacing:.02em;text-shadow:3px 0 0 #7c8a7c;image-rendering:pixelated;filter:contrast(1.2)}
.q40 .ty.mac{background:#f4f4f8;color:#171721}
.q40 .ty.mac .g{font-family:"Baskerville","Times New Roman",var(--serif);font-style:italic;letter-spacing:-.01em}
.q40 .ty .c{padding:0 36px 40px;display:flex;justify-content:space-between;align-items:baseline}
.q40 .ty .c b{font:600 44px var(--serif)}
.q40 .ty .c span{font-size:28px;color:var(--t2)}
.q40 .ty.mac .c span{color:var(--Lt2)}
.q40 .fin h1{font-size:112px;line-height:1.3}

/* ---------- P41 你们的审美，就是那门书法课 ---------- */
.q41 .hx h1{font-size:120px;line-height:1.3}
.q41 .flip{position:absolute;left:160px;top:250px;width:1600px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}
.q41 .fa{height:420px;border-radius:28px;border:1px solid var(--Lln);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.q41 .fa small{font-size:28px;letter-spacing:.2em;color:var(--Lt3)}
.q41 .fa b{margin-top:22px;font:700 84px/1.2 var(--serif)}
.q41 .fa.no b{color:var(--Lt3);filter:blur(1.5px)}
.q41 .fa.yes{background:#171721;border-color:#171721;color:#ededf3;box-shadow:0 40px 90px rgba(23,23,33,.25)}
.q41 .fa.yes small{color:#8ea2ff}
.q41 .ar{text-align:center;font:300 80px var(--serif);color:var(--Lt3)}
.q41 .fin p{font-size:40px;margin-top:44px}

/* ---------- P42 AI 负责答得对，人类负责问得值 ---------- */
.q42{background:radial-gradient(ellipse 50% 60% at 28% 50%,rgba(142,162,255,.12),transparent 70%),radial-gradient(ellipse 50% 60% at 72% 50%,rgba(255,214,170,.07),transparent 70%)}
.q42 .duo{position:absolute;left:160px;top:250px;width:1600px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;height:440px}
.q42 .duo>i{height:100%;background:var(--ln);transform:scaleY(0);filter:none;transition:transform 1.4s var(--io)}
.q42 .duo>i.on{transform:none;transition-delay:var(--d)}
.q42 .sd{text-align:center}
.q42 .sd small{font-size:36px;letter-spacing:.3em;margin-right:-.3em;color:var(--t2)}
.q42 .sd b{display:block;margin-top:30px;font:700 150px/1.1 var(--serif)}
.q42 .sd.ai b{color:var(--t2)}

/* ---------- P43 三个判断，落到一个问题上 ---------- */
.q43 .col{width:1500px}
.q43 .js{position:absolute;left:160px;top:330px;width:1600px}
.q43 .j{display:grid;grid-template-columns:150px 1fr;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--ln)}
.q43 .j:last-child{border-bottom:0}
.q43 .j i{font:400 26px var(--sans);font-style:normal;color:var(--t3);letter-spacing:.2em}
.q43 .j p{font:600 64px/1.25 var(--serif)}
.q43 .j p span{color:var(--t3)}
.q43 .pic{background-image:url(img/m_fork2.png);opacity:0;transition:opacity 1.6s var(--io);filter:saturate(.75)}
.q43 .vl{opacity:0;transition:opacity 1.6s var(--io)}
.q43 .vl::after{opacity:.55}
.q43.st1 .pic,.q43.st1 .vl{opacity:1}
.q43 .ask h1{font-size:124px;line-height:1.28}
.q43 .fin{top:230px}
.q43 .fin p{font-size:44px;line-height:1.6;color:var(--t2)}
.q43 .fin h1{margin-top:40px;font-size:112px;line-height:1.3}

/* 放最后：到第 n 下自己淡出（和 deck.css 末尾同一条，因为这个文件排在它后面） */
.st1 .x1,.st2 .x2,.st3 .x3,.st4 .x4{opacity:0;filter:blur(6px);transform:translateY(-20px);transition-delay:0s}
