@layer qingwu.carousel{.qcar,.qcar *{box-sizing:border-box}.qcar{--qcar-paper:#f4f6f2;--qcar-card:#fdfdfb;--qcar-ink:#172526;--qcar-ink-2:#41524f;--qcar-ink-3:#70807d;--qcar-line:#d7ddd3;--qcar-blue:#1668b8;--qcar-shadow:0 24px 60px -42px rgba(23,37,38,0.5);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,36%);grid-template-rows:minmax(0,1fr) auto;height:520px;overflow:hidden;border:1px solid var(--qcar-line);border-radius:20px;background:var(--qcar-card);color:var(--qcar-ink);box-shadow:var(--qcar-shadow);outline:none}.qcar[data-theme=dark],[data-theme=dark] .qcar{--qcar-paper:#101415;--qcar-card:#171d1f;--qcar-ink:#e9efeb;--qcar-ink-2:#b3bfbb;--qcar-ink-3:#879592;--qcar-line:#293234;--qcar-blue:#71aefc;--qcar-shadow:0 24px 60px -42px rgba(0,0,0,0.78)}.qcar.is-empty{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.qcar-visual{position:relative;grid-column:1;grid-row:1;min-width:0;min-height:0;overflow:hidden;background:var(--qcar-paper)}.qcar-bg{background-color:var(--qcar-paper);background-image:var(--qcar-bg-image),radial-gradient(circle at 22% 20%,rgba(255,255,255,.6),transparent 36%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--qcar-blue) 12%,transparent),transparent 34%);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,auto,auto}.qcar-bg,.qcar-figure{position:absolute;inset:0}.qcar-figure{z-index:1;width:100%;height:100%;padding:clamp(20px,3vw,40px);object-fit:contain;object-position:center;filter:drop-shadow(0 22px 30px rgba(23,37,38,.22));user-select:none}.qcar-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;min-width:0;padding:32px 56px 32px 32px;border-left:1px solid var(--qcar-line);background:var(--qcar-card)}.qcar-line{opacity:0;transform:translateX(64px)}.qcar-eyebrow{margin-bottom:12px;letter-spacing:.2em;font-size:12px;font-weight:800;color:var(--qcar-blue)}.qcar-title{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.04em;font-weight:900;color:var(--qcar-ink)}.qcar-subtitle{margin-top:10px;font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--qcar-ink-2)}.qcar-slash{width:96px;height:1px;margin:18px 0 20px;background:var(--qcar-ink-2);transform:rotate(-28deg);transform-origin:right center;opacity:.8}.qcar-desc{max-width:30ch;margin:0;color:var(--qcar-ink-2);font-size:14px;line-height:1.8}.qcar-link{margin-top:26px;width:fit-content;padding-bottom:2px;border-bottom:2px solid color-mix(in srgb,var(--qcar-blue) 72%,transparent);color:var(--qcar-ink);font-size:15px;font-weight:800;text-decoration:none;transition:color .18s ease-out,border-color .18s ease-out}.qcar-link:hover{border-color:var(--qcar-blue);color:var(--qcar-blue)}.qcar-thumbs{grid-column:1;grid-row:2;display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--qcar-line);overflow-x:auto;scrollbar-width:none;background:var(--qcar-card);animation:qcar-rail-in .48s ease-out .24s both}.qcar-thumbs::-webkit-scrollbar{display:none}.qcar-thumb{flex:0 0 auto;width:52px;height:52px;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:12px;background:var(--qcar-card);box-shadow:0 10px 24px -20px rgba(23,37,38,.5);opacity:.85;transition:border-color .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.qcar-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.qcar-thumb:first-child{margin-inline-start:auto}.qcar-thumb.is-active,.qcar-thumb:hover{border-color:color-mix(in srgb,var(--qcar-blue) 85%,transparent);opacity:1;transform:translateY(-2px)}.qcar-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--qcar-card) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--qcar-card) 82%,transparent);color:var(--qcar-ink);font-size:26px;line-height:1;box-shadow:0 12px 28px -18px rgba(23,37,38,.5);backdrop-filter:blur(8px);transform:translateY(-50%);transition:background .18s ease-out,border-color .18s ease-out,opacity .18s ease-out,transform .18s ease-out}.qcar-prev{left:14px}.qcar-next{right:14px}.qcar-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--qcar-card) 96%,transparent);border-color:var(--qcar-blue);transform:translateY(-50%) scale(1.06)}.qcar-arrow:disabled{opacity:.35;cursor:not-allowed}.qcar-empty{grid-column:1/-1;padding:44px 0;color:var(--qcar-ink-3);text-align:center}@keyframes qcar-bg-in{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}@keyframes qcar-figure-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes qcar-line-in{0%{opacity:0;transform:translateX(64px)}to{opacity:1;transform:translateX(0)}}@keyframes qcar-rail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qcar.is-enter .qcar-bg{animation:qcar-bg-in .7s cubic-bezier(.22,1,.36,1) both}.qcar.is-enter .qcar-figure{animation:qcar-figure-in .9s cubic-bezier(.22,1,.36,1) .7s both}.qcar.is-enter .qcar-line{animation:qcar-line-in .52s ease-out both;animation-delay:calc(.18s + var(--qcar-step, 0) * 90ms)}@media (max-width:900px){.qcar{grid-template-columns:1fr;grid-template-rows:minmax(300px,46vh) auto auto;height:auto}.qcar-visual{grid-row:1;grid-column:1}.qcar-figure{padding:18px;object-position:center bottom}.qcar-copy{grid-row:2;grid-column:1;align-items:flex-start;text-align:left;padding:26px 22px 30px;border-top:1px solid var(--qcar-line);border-left:none}.qcar-title{font-size:34px}.qcar-thumbs{grid-row:3;grid-column:1;padding:10px 16px}}@media (max-width:560px){.qcar{border-radius:16px}.qcar-arrow{width:34px;height:34px;font-size:22px}.qcar-desc{font-size:13px}.qcar--thumbs-float{grid-template-rows:minmax(300px,46vh) auto}.qcar--thumbs-float .qcar-thumbs{grid-row:1;grid-column:1;align-self:end;justify-self:center;justify-content:center;z-index:2;max-width:calc(100% - 24px);padding:6px 12px;border:1px solid color-mix(in srgb,var(--qcar-card) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--qcar-card) 82%,transparent);backdrop-filter:blur(8px)}.qcar--thumbs-float .qcar-thumb:first-child{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.qcar-thumbs,.qcar.is-enter .qcar-bg,.qcar.is-enter .qcar-figure,.qcar.is-enter .qcar-line{animation:none;opacity:1;transform:none}}}