@charset "UTF-8";.qk-landing{--lp-paper: var(--qk-bg-canvas, #f6f8fd);--lp-paper-2: var(--qk-bg-soft, #f1f5ff);--lp-surface: var(--qk-bg-surface, #ffffff);--lp-ink: #0b1b35;--lp-ink-2: #38475e;--lp-ink-3: #687284;--lp-ink-4: #9299a3;--lp-hair: var(--qk-border, #e2e8f3);--lp-hair-2: var(--qk-border-soft, #edf1f7);--lp-teal: var(--qk-color-primary, #356dff);--lp-teal-d: var(--qk-color-primary-active, #214fc9);--lp-teal-wash: rgba(53, 109, 255, .09);--lp-clay: var(--qk-color-primary, #356dff);--lp-clay-d: var(--qk-color-primary-active, #214fc9);--lp-clay-wash: rgba(53, 109, 255, .09);--lp-coral: var(--qk-color-primary-hover, #2b5de5);--lp-forest: var(--qk-color-cyan, #13bdd5);--lp-blue: var(--qk-color-primary, #356dff);--lp-night: #10213f;--lp-night-2: #172b50;--lp-night-hair: rgba(219, 227, 243, .2);--lp-cream: #f5f8ff;--lp-cream-2: #bfcae0;--lp-cream-3: #8595b4;--lp-radius-xs: 9px;--lp-radius-sm: 12px;--lp-radius: 18px;--lp-radius-lg: 28px;--lp-shell: 1440px;--lp-gutter: clamp(20px, 4vw, 60px);--lp-nav-h: 76px;--lp-ease: cubic-bezier(.2, 0, 0, 1);--lp-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--lp-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;position:relative;min-height:100%;color:var(--lp-ink);background:var(--lp-paper);font-family:var(--lp-font);font-size:16px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}.qk-landing *,.qk-landing *:before,.qk-landing *:after{box-sizing:border-box}.qk-landing :focus-visible{outline:2px solid var(--lp-teal);outline-offset:3px;border-radius:4px}.qk-landing .lp-shell{width:100%;max-width:calc(var(--lp-shell) + var(--lp-gutter) * 2);margin:0 auto;padding:0 var(--lp-gutter)}.qk-landing .lp-section{position:relative;padding:clamp(68px,7.2vw,106px) 0;overflow:clip;scroll-margin-top:calc(var(--lp-nav-h) + 12px)}.qk-landing .lp-section:before{position:absolute;inset:0;background-image:radial-gradient(rgba(11,27,53,.08) .75px,transparent .75px);background-size:18px 18px;content:"";opacity:.16;pointer-events:none;mask-image:linear-gradient(110deg,#000 0%,transparent 35%,transparent 72%,#000 100%)}.qk-landing .lp-section>.lp-shell{position:relative;z-index:1}.qk-landing .lp-section--tint{background:linear-gradient(180deg,#edf3ffc2,#fffffffa),var(--lp-paper-2)}.qk-landing .lp-section--night{color:var(--lp-cream);background:var(--lp-night)}.qk-landing .lp-section--night:before{background-image:radial-gradient(rgba(245,248,255,.12) .75px,transparent .75px)}.qk-landing .lp-head{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3.4vw,64px);align-items:end;margin-bottom:clamp(36px,4.4vw,64px)}.qk-landing .lp-head:after{position:absolute;right:var(--lp-gutter);bottom:-18px;width:clamp(80px,10vw,150px);height:1px;background:linear-gradient(90deg,transparent,rgba(19,189,213,.5));content:"";transform:rotate(-1deg)}.qk-landing .lp-head__main{min-width:0}.qk-landing .lp-head__aside{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding-bottom:4px}.qk-landing .lp-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--lp-teal);font-family:var(--lp-font-mono);font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1}.qk-landing .lp-eyebrow__idx{font-variant-numeric:tabular-nums}.qk-landing .lp-eyebrow__rule{width:34px;height:1px;background:currentColor;opacity:.5}.qk-landing .lp-h1{margin:0;font-size:clamp(26px,3.05vw,43px);font-weight:700;letter-spacing:-.022em;line-height:1.26;text-wrap:balance}.qk-landing .lp-h2{margin:0;font-size:clamp(25px,3vw,41px);font-weight:700;letter-spacing:-.018em;line-height:1.25;text-wrap:balance}.qk-landing .lp-h3{margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:600;letter-spacing:-.005em;line-height:1.45}.qk-landing .lp-lead{margin:0;max-width:46em;color:var(--lp-ink-2);font-size:clamp(15px,1.15vw,17px);line-height:1.82}.qk-landing .lp-body{margin:0;color:var(--lp-ink-3);font-size:15px;line-height:1.82}.qk-landing .lp-note{margin:0;color:var(--lp-ink-4);font-size:13px;line-height:1.7}.qk-landing .lp-section--night .lp-eyebrow{color:#67c9ff}.qk-landing .lp-section--night .lp-lead,.qk-landing .lp-section--night .lp-body{color:var(--lp-cream-2)}.qk-landing .lp-section--night .lp-note{color:var(--lp-cream-3)}.qk-landing em{color:var(--lp-teal);font-style:normal}.qk-landing .lp-section--night em{color:#67c9ff}.qk-landing .lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:var(--lp-radius-sm);color:inherit;background:transparent;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--qk-motion-normal, .2s) var(--lp-ease),border-color var(--qk-motion-normal, .2s) var(--lp-ease),color var(--qk-motion-normal, .2s) var(--lp-ease),transform var(--qk-motion-fast, .16s) var(--lp-ease)}.qk-landing .lp-btn--primary{color:#fff;background:var(--lp-clay);box-shadow:0 12px 26px -14px #356dffc7}.qk-landing .lp-btn--primary:hover{background:var(--lp-clay-d)}.qk-landing .lp-btn--outline{border-color:#356dff42;color:var(--lp-ink)}.qk-landing .lp-btn--outline:hover{border-color:var(--lp-teal);background:var(--lp-teal-wash)}.qk-landing .lp-btn--solid-ink{color:var(--lp-cream);background:var(--lp-ink)}.qk-landing .lp-btn--solid-ink:hover{background:#1d3157}.qk-landing .lp-btn--light{color:var(--lp-night);background:var(--lp-cream)}.qk-landing .lp-btn--light:hover{background:#fff}.qk-landing .lp-btn--outline-light{border-color:var(--lp-night-hair);color:var(--lp-cream)}.qk-landing .lp-btn--outline-light:hover{border-color:#f5f8ff80;background:#f5f8ff14}.qk-landing .lp-btn:active{transform:translateY(1px)}.qk-landing .lp-link{display:inline-flex;align-items:center;flex-shrink:0;gap:7px;padding:4px 0;white-space:nowrap;border:0;color:var(--lp-teal-d);background:transparent;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:color var(--qk-motion-fast, .16s) var(--lp-ease)}.qk-landing .lp-link__arrow{transition:transform var(--qk-motion-normal, .2s) var(--lp-ease)}.qk-landing .lp-link:hover{color:var(--lp-clay)}.qk-landing .lp-link:hover .lp-link__arrow{transform:translate(3px)}.qk-landing .lp-section--night .lp-link{color:#67c9ff}.qk-landing .lp-section--night .lp-link:hover{color:var(--lp-cream)}.qk-landing .lp-card{position:relative;padding:clamp(20px,2vw,28px);border:1px solid var(--lp-hair);border-radius:var(--lp-radius);background:var(--lp-surface);transition:border-color var(--qk-motion-normal, .2s) var(--lp-ease),box-shadow var(--qk-motion-normal, .2s) var(--lp-ease),transform var(--qk-motion-normal, .2s) var(--lp-ease)}.qk-landing .lp-card--hover:hover{border-color:#356dff57;box-shadow:0 16px 34px -22px #1f3a743d;transform:translateY(-3px) rotate(-.08deg)}.qk-landing .lp-section--night .lp-card{border-color:var(--lp-night-hair);background:var(--lp-night-2)}.qk-landing .lp-section--night .lp-card--hover:hover{border-color:#356dff75;box-shadow:none}.qk-landing .lp-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--lp-hair);border-radius:11px;color:var(--lp-teal);background:linear-gradient(145deg,#356dff1f,#13bdd51a);font-size:21px}.qk-landing .lp-section--night .lp-ico{border-color:var(--lp-night-hair);color:#67c9ff;background:#67c9ff1a}.qk-landing .lp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--lp-hair);border-radius:999px;color:var(--lp-ink-2);background:var(--lp-surface);font-size:13px;font-weight:500;line-height:1.4}.qk-landing .lp-section--night .lp-chip{border-color:var(--lp-night-hair);color:var(--lp-cream);background:#f5f8ff0f}.qk-landing .lp-num{display:block;color:var(--lp-clay);font-family:var(--lp-font-mono);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;line-height:1}.qk-landing .lp-frame{overflow:hidden;border:1px solid var(--lp-hair);border-radius:var(--lp-radius);background:var(--lp-surface);box-shadow:0 30px 70px -34px #1f3a7447}.qk-landing .lp-frame__bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-bottom:1px solid var(--lp-hair-2);background:linear-gradient(180deg,#fff,#f2f6fd)}.qk-landing .lp-frame__dot{width:8px;height:8px;border-radius:50%;background:#13213c29}.qk-landing .lp-frame__img{display:block;width:100%;height:auto;background:#f6f8fd}.qk-landing .lp-section--night .lp-frame{border-color:var(--lp-night-hair);box-shadow:0 40px 90px -40px #000000b3}.qk-landing .lp-section--night .lp-frame .lp-frame__bar{border-color:#13213c14}.qk-landing .lp-dots{position:absolute;inset:0;color:var(--lp-ink);background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:22px 22px;opacity:.075;pointer-events:none}.qk-landing .lp-section--night .lp-dots{color:var(--lp-cream);opacity:.09}.qk-landing .lp-rule{height:1px;border:0;margin:0;background:var(--lp-hair)}.qk-landing .lp-section--night .lp-rule{background:var(--lp-night-hair)}.qk-landing .lp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qk-landing [data-lp-reveal]{opacity:0;transform:translateY(22px) scale(.992);transition:opacity .68s var(--lp-ease),transform .68s var(--lp-ease);transition-delay:var(--lp-delay, 0ms);will-change:opacity,transform}.qk-landing [data-lp-reveal].is-visible{opacity:1;transform:none;will-change:auto}.qk-landing .lp-enter{animation:lp-rise .7s var(--lp-ease) both;animation-delay:var(--lp-delay, 0ms)}@keyframes lp-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:1023px){.qk-landing .lp-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}}@media(max-width:767px){.qk-landing{--lp-nav-h: 60px;font-size:15px}.qk-landing .lp-section{padding:56px 0}.qk-landing .lp-btn{width:100%;min-height:46px}.qk-landing .lp-h1{letter-spacing:-.012em}}@media(prefers-reduced-motion:reduce){.qk-landing *,.qk-landing *:before,.qk-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.qk-landing [data-lp-reveal]{opacity:1!important;transform:none!important;transition:none!important}.qk-landing .lp-enter{animation:none!important;opacity:1!important}.qk-landing .lp-card--hover:hover,.qk-landing .lp-btn:active{transform:none}.qk-landing *{scroll-behavior:auto!important}}.qk-variant-lab{min-height:100vh;padding:clamp(24px,5vw,72px);color:#101828;background:#f7f5ef;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.qk-variant-lab a{color:inherit}.qk-lab-header{max-width:1240px;margin:0 auto 48px}.qk-lab-header__eyebrow{color:#356dff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.qk-lab-header__row{display:flex;align-items:end;justify-content:space-between;gap:28px}.qk-lab-header h1{margin:14px 0 8px;font-size:clamp(36px,6vw,78px);line-height:1;letter-spacing:-.05em}.qk-lab-header p{margin:0;color:#667085}.qk-lab-header__back{white-space:nowrap;font-weight:700;text-decoration:none}.qk-lab-groups{display:grid;gap:54px;max-width:1240px;margin:0 auto}.qk-lab-group__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.qk-lab-group__heading>div{display:flex;align-items:baseline;gap:14px}.qk-lab-group__heading h2{margin:0;font-size:clamp(24px,3vw,40px);letter-spacing:-.04em}.qk-lab-group__heading p{max-width:28em;margin:0;color:#667085;text-align:right}.qk-lab-group__index{color:#98a2b3;font-size:12px;font-weight:800;letter-spacing:.16em}.qk-lab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qk-lab-card{display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--variant-ink) 18%,transparent);border-radius:24px;color:var(--variant-ink);background:var(--variant-surface);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.qk-lab-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px color-mix(in srgb,var(--variant-primary) 18%,transparent)}.qk-lab-card__preview{position:relative;height:190px;overflow:hidden;background:linear-gradient(135deg,var(--variant-primary),var(--variant-accent))}.qk-lab-card__preview:before,.qk-lab-card__preview:after{position:absolute;border-radius:999px;background:color-mix(in srgb,var(--variant-soft) 76%,white);content:"";opacity:.55}.qk-lab-card__preview:before{width:180px;height:180px;top:-70px;right:-28px}.qk-lab-card__preview:after{width:80px;height:80px;bottom:-28px;left:28px}.qk-preview-orb{position:absolute;inset:42px auto auto 42px;width:76px;height:76px;border:1px solid color-mix(in srgb,white 60%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,white 10%,transparent),0 0 0 24px color-mix(in srgb,white 7%,transparent)}.qk-preview-window{position:absolute;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:52%;padding:16px;border:1px solid color-mix(in srgb,white 36%,transparent);border-radius:14px;background:color-mix(in srgb,var(--variant-surface) 22%,transparent);backdrop-filter:blur(10px)}.qk-preview-window i,.qk-preview-window b{display:block;height:8px;border-radius:4px;background:color-mix(in srgb,white 72%,transparent)}.qk-preview-window b{height:28px;background:color-mix(in srgb,var(--variant-soft) 72%,white)}.qk-preview-caption{position:absolute;top:20px;right:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em}.qk-lab-card__body{padding:20px}.qk-lab-card__body p{min-height:2.8em;margin:12px 0 18px;color:color-mix(in srgb,var(--variant-ink) 66%,transparent);font-size:13px;line-height:1.5}.qk-lab-card__title{display:flex;justify-content:space-between;gap:12px;font-size:19px}.qk-lab-card__title span{color:var(--variant-accent)}.qk-lab-card__meta{margin-top:5px;color:var(--variant-accent);font-size:13px;font-weight:700}.qk-swatch-row{display:flex;gap:7px}.qk-swatch-row span{width:18px;height:18px;border:1px solid color-mix(in srgb,var(--variant-ink) 15%,transparent);border-radius:50%}@media(max-width:820px){.qk-lab-header__row,.qk-lab-group__heading{display:block}.qk-lab-header__back{display:inline-block;margin-top:20px}.qk-lab-group__heading p{margin-top:8px;text-align:left}.qk-lab-cards{grid-template-columns:1fr}}:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#0b1b35;background:#f6f8fd;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.landing-icon[data-v-6894f115]{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none}