.kwx .gfx-hero{--g:#f472b6}.gfx-hero{container:gfh/inline-size;display:grid;gap:12px;min-width:0;padding:14px;border-radius:28px;background-color:#090a12ed;background-image:radial-gradient(70% 55% at 100% 0%,rgba(244,114,182,.14),transparent 70%),var(--specular-soft);box-shadow:var(--edge-glass),var(--shadow-drop)}.gfx-vf{position:relative;aspect-ratio:16/10;min-height:230px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 120%,#1a1420,#0b0a10 70%);box-shadow:inset 0 0 0 1px #ffffff14}.gfx-vf__light{position:absolute;inset:0;background:radial-gradient(60% 80% at 0% 40%,rgba(255,236,200,.28),transparent 70%);opacity:0;transition:opacity .8s}.gfx-vf.s2 .gfx-vf__light,.gfx-vf.s3 .gfx-vf__light,.gfx-vf.s4 .gfx-vf__light,.gfx-vf.s5 .gfx-vf__light,.gfx-vf.s6 .gfx-vf__light{opacity:1}.gfx-vf__grid i{position:absolute;background:#ffffff1f}.gfx-vf__grid i:nth-child(1){left:33.33%;top:0;bottom:0;width:1px}.gfx-vf__grid i:nth-child(2){left:66.66%;top:0;bottom:0;width:1px}.gfx-vf__grid i:nth-child(3){top:33.33%;left:0;right:0;height:1px}.gfx-vf__grid i:nth-child(4){top:66.66%;left:0;right:0;height:1px}.gfx-vf__c i{position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.55)}.gfx-vf__c i:nth-child(1){left:10px;top:10px;border-right:0;border-bottom:0}.gfx-vf__c i:nth-child(2){right:10px;top:10px;border-left:0;border-bottom:0}.gfx-vf__c i:nth-child(3){left:10px;bottom:10px;border-right:0;border-top:0}.gfx-vf__c i:nth-child(4){right:10px;bottom:10px;border-left:0;border-top:0}.gfx-vf__rec{position:absolute;left:36px;top:16px;display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--font-mono);color:#fff}.gfx-vf__dot{width:8px;height:8px;border-radius:50%;background:#f43f5e;animation:gfx-blink 1.2s steps(1) infinite}@keyframes gfx-blink{50%{opacity:0}}.gfx-vf__subj{position:absolute;left:38%;top:30%;width:30%;height:46%;border:1.5px solid #f472b6;border-radius:6px;opacity:0;scale:1.15;transition:opacity .35s,scale .5s var(--ease-spring);box-shadow:0 0 24px -6px #f472b6b3}.gfx-vf:not(.s0) .gfx-vf__subj{opacity:1;scale:1}.gfx-vf__tag{position:absolute;left:-1px;top:-24px;padding:4px 8px;border-radius:6px 6px 6px 0;font:600 12px/1 var(--font-sans);color:#1c0b14;background:#f472b6;white-space:nowrap}.gfx-vf__sun{position:absolute;left:14px;top:46%;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font:600 12px/1 var(--font-sans);color:#1c1406;background:#fde68a;opacity:0;translate:-8px 0;transition:opacity .35s,translate .5s var(--ease-spring)}.gfx-vf__sun .as-ic{width:13px;height:13px}.gfx-vf.s2 .gfx-vf__sun,.gfx-vf.s3 .gfx-vf__sun,.gfx-vf.s4 .gfx-vf__sun,.gfx-vf.s5 .gfx-vf__sun,.gfx-vf.s6 .gfx-vf__sun{opacity:1;translate:none}.gfx-vf__props{position:absolute;right:12%;bottom:22%;display:grid;gap:5px;justify-items:end}.gfx-vf__props span{padding:4px 8px;border-radius:6px;font:500 12px/1 var(--font-sans);color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3;opacity:0;transition:opacity .4s}.gfx-vf.s4 .gfx-vf__props span,.gfx-vf.s5 .gfx-vf__props span,.gfx-vf.s6 .gfx-vf__props span{opacity:1}.gfx-vf__brand{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#0000008c;opacity:0;transition:opacity .4s}.gfx-vf__brand i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #ffffff4d}.gfx-vf__brand small{margin-left:4px;font:500 12px/1 var(--font-sans);color:#fff}.gfx-vf.s5 .gfx-vf__brand,.gfx-vf.s6 .gfx-vf__brand{opacity:1}.gfx-vf__read{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;padding:8px 12px;font:600 12px/1 var(--font-mono);color:var(--text-tertiary);background:linear-gradient(transparent,#000000b3);transition:color .4s}.gfx-vf.s3 .gfx-vf__read,.gfx-vf.s4 .gfx-vf__read,.gfx-vf.s5 .gfx-vf__read,.gfx-vf.s6 .gfx-vf__read{color:#fde68a}.gfx-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.gfx-brief li{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border-radius:14px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background-color .35s,box-shadow .35s}.gfx-brief li:last-child{grid-column:1/-1}.gfx-brief li.is-on{background:#f472b614;box-shadow:inset 0 0 0 1px #f472b666}.gfx-brief__ic{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;color:#fbcfe8;background:#f472b624}.gfx-brief__ic .as-ic{width:14px;height:14px}.gfx-brief__t{display:grid;gap:2px;flex:1;min-width:0}.gfx-brief__t small{font:500 12px/1 var(--font-mono);color:var(--text-secondary)}.gfx-brief__t b{font:600 13.5px/1.3 var(--font-sans);color:var(--text-tertiary);text-wrap:pretty;transition:color .35s}.gfx-brief li.is-on .gfx-brief__t b{color:#fff}.gfx-brief__ok{flex:none;width:15px;height:15px;color:#34d399;scale:0;transition:scale .4s var(--ease-spring)}.gfx-brief li.is-on .gfx-brief__ok{scale:1}.gfx-fmt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:10px 12px;border-radius:16px;background:#ffffff0a}.gfx-fmt__k{margin-right:4px;font:500 12px/1 var(--font-mono);color:var(--text-secondary)}.gfx-fmt__f{display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:9px;color:var(--text-tertiary);background:#ffffff0a;transition:color .3s calc(var(--i) * .1s),background-color .3s calc(var(--i) * .1s)}.gfx-fmt__f b{font:700 13px/1 var(--font-mono)}.gfx-fmt__f small{font:500 12px/1 var(--font-sans)}.gfx-fmt.is-on .gfx-fmt__f{color:#1c0b14;background:#f472b6}@container gfh (max-width:300px){.gfx-vf__read span:nth-child(n+3){display:none}.gfx-vf__brand small{display:none}}@container gfh (max-width:420px){.gfx-brief{grid-template-columns:minmax(0,1fr)}.gfx-vf{aspect-ratio:4/3}.gfx-vf__props{display:none}}.gfx-sw{display:flex;gap:10px;margin:0}.gfx-sw span{display:grid;justify-items:center;gap:5px}.gfx-sw i{width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px #fff3}.gfx-sw small{font:500 12px/1 var(--font-mono);color:var(--text-secondary)}.gfx-fr{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.gfx-fr span{display:grid;justify-items:center;gap:6px}.gfx-fr i{position:relative;display:block;height:96px;aspect-ratio:var(--a);max-width:170px;border-radius:8px;background:linear-gradient(140deg,#f472b64d,#1f2937cc);box-shadow:inset 0 0 0 1px #ffffff2e}.gfx-fr em{position:absolute;left:8%;right:8%;bottom:8%;padding:3px 0;border:1px dashed rgba(255,255,255,.5);border-radius:4px;font:500 12px/1 var(--font-sans);font-style:normal;color:#fff;text-align:center}.gfx-fr small{font:600 12px/1 var(--font-mono);color:var(--text-secondary)}.gfx-tl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}@container svh (max-width:900px){.gfx-tl{grid-template-columns:minmax(0,1fr)}}.gfx-tells{display:grid;grid-auto-rows:1fr;gap:8px;margin:0;padding:0;list-style:none}.gfx-det{align-self:stretch}.gfx-dv{justify-content:center}.gfx-tells li{display:grid}.gfx-tell{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border:0;border-radius:18px;cursor:pointer;text-align:left;font:600 15px/1.3 var(--font-sans);color:#e8e2d4;background-color:#090a12eb;box-shadow:var(--edge-glass);transition:background-color .3s,box-shadow .3s,color .3s}.gfx-tell:hover{color:#fff}.gfx-tell.is-on{color:#fff;background-color:#f472b61f;box-shadow:inset 0 0 0 1.5px #f472b699}.gfx-tell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.gfx-tell__n{font:700 17px/1 var(--font-accent-dot);color:#f9a8d4}.gfx-tell__t{flex:1;min-width:0}.gfx-tell__ar{flex:none;width:16px;height:16px;color:var(--text-tertiary);transition:color .3s,translate .3s}.gfx-tell.is-on .gfx-tell__ar{color:#f472b6;translate:3px 0}.gfx-det{display:grid;padding:clamp(18px,2.6cqw,30px);border-radius:28px;background-color:#090a12eb;background-image:radial-gradient(70% 60% at 100% 0%,rgba(244,114,182,.12),transparent 70%),var(--specular-soft);box-shadow:var(--edge-glass),var(--shadow-drop)}.gfx-dv{grid-area:1/1;display:flex;flex-direction:column;gap:14px;min-width:0;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.gfx-dv.is-on{opacity:1;visibility:visible;transition:opacity .45s .1s,visibility 0s}.gfx-dv__k{margin:0;font:500 12.5px/1 var(--font-mono);color:#f9a8d4}.gfx-dv__t{margin:0;font:400 clamp(28px,3.4cqw,40px)/1.05 var(--font-accent-serif);font-style:italic;color:#fff}.gfx-dv__why{display:flex;align-items:flex-start;gap:10px;margin:0;font:500 15px/1.5 var(--font-sans);color:#e8e2d4;text-wrap:pretty}.gfx-dv__why .as-ic{flex:none;width:16px;height:16px;margin-top:3px;color:#f472b6}.gfx-diff{display:grid;gap:6px;padding:12px;border-radius:16px;background:#00000059;box-shadow:inset 0 0 0 1px #ffffff12}.gfx-diff p{display:flex;align-items:flex-start;gap:10px;margin:0;padding:9px 12px;border-radius:10px;font:500 14.5px/1.45 var(--font-mono);text-wrap:pretty}.gfx-diff b{flex:none;font-weight:700}.gfx-diff .is-del{color:#fecaca;background:#f871711a}.gfx-diff .is-del .gfx-diff__t{text-decoration:line-through rgba(248,113,113,.6)}.gfx-diff .is-add{color:#a7f3d0;background:#34d3991a}.gfx-diff__t{min-width:0}.gfx-dv__f{display:flex;align-items:center;gap:8px;margin:auto 0 0;font:500 13.5px/1.4 var(--font-sans);color:var(--text-secondary)}.gfx-dv__f .as-ic{flex:none;width:14px;height:14px;color:#34d399}@media(prefers-reduced-motion:reduce){.gfx-vf__dot{animation:none}.gfx-vf *,.gfx-brief li,.gfx-brief li *,.gfx-fmt__f,.gfx-dv,.gfx-tell{transition:none!important}}.gfxp .kwx-tab.is-on{background:#f472b61a;box-shadow:inset 0 0 0 1.5px #f472b699}.gfxp .kwx-tab__n,.gfxp .kwx-sp__k{color:#f9a8d4}.gfxp .kwx-sp__l .as-ic,.gfxp .kwx-art__h .as-ic{color:#f472b6}.gfxp .kwx-tpl b{color:#f9a8d4}.gfxp .kwx-task__c{background:#f472b6}
