:root { --ink:#162447; --muted:#77839a; --line:#e7ebf3; --surface:#ffffff; --canvas:#f7f8fc; --primary:#5648e9; --primary-dark:#4337ca; --primary-soft:#f1efff; --green:#1d9c7a; --amber:#de971e; --coral:#ef596b; }
* { box-sizing:border-box; }
html { background:var(--canvas); }
body { min-width:320px; margin:0; color:var(--ink); background:var(--canvas); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif; letter-spacing:0; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
.qk-store { width:min(100%,480px); min-height:100vh; margin:0 auto; padding:20px 16px 92px; background:#fff; }
.qk-store h1,.qk-store h2,.qk-store h3 { margin:0; letter-spacing:0; }
.qk-store-head { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.qk-store-brand { flex:0 0 auto; min-width:0; }
.qk-store h1 { overflow:hidden; font-size:24px; font-weight:900; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.qk-store-search { display:flex; align-items:center; min-width:0; flex:1 1 auto; height:40px; padding:0 13px; gap:8px; border:1px solid #eceef5; border-radius:20px; color:#8a94a8; background:#fbfcff; }
.qk-store-search i { flex:0 0 auto; font-size:19px; }
.qk-store-search input { width:100%; min-width:0; padding:0; border:0; outline:0; color:var(--ink); background:transparent; font-size:13px; }
.qk-store-search input::placeholder { color:#9da6b7; }
.qk-store-search:focus-within { border-color:#c8c3ff; box-shadow:0 0 0 3px rgba(86,72,233,.1); }
.qk-store-hero { position:relative; display:flex; align-items:flex-start; min-height:174px; margin-bottom:14px; overflow:hidden; padding:31px 26px; border-radius:10px; color:#fff; background:#5748e9; box-shadow:0 10px 22px rgba(86,72,233,.18); }
.qk-store-hero-banner { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; }
.qk-store-hero.has-banner { padding:0; background:#eef1fb; }
.qk-store-hero.has-banner .qk-store-hero-copy,.qk-store-hero.has-banner .qk-store-hero-art { display:none; }
.qk-store-hero-copy { position:relative; z-index:2; display:grid; gap:9px; }
.qk-store-hero-copy strong { font-size:30px; font-weight:900; line-height:1.12; }
.qk-store-hero-copy span { color:rgba(255,255,255,.84); font-size:15px; font-weight:700; }
.qk-store-hero-art { position:absolute; z-index:2; right:13px; bottom:6px; width:185px; height:154px; color:#fff; }
.qk-store-hero-art::before { content:""; position:absolute; right:25px; bottom:10px; width:118px; height:72px; border:8px solid #f8fbff; border-radius:9px; background:#cad7ff; box-shadow:11px 12px 0 #f5b139; transform:rotate(9deg); }
.qk-store-hero-art::after { content:""; position:absolute; right:70px; bottom:16px; width:77px; height:94px; border:6px solid #f8fbff; border-radius:9px; background:#fff; box-shadow:0 9px 0 #f09ab2; transform:rotate(9deg); }
.qk-store-hero-art i { position:absolute; z-index:2; display:inline-flex; align-items:center; justify-content:center; }
.qk-hero-school { top:2px; right:12px; width:102px; height:64px; color:#1e2c76; font-size:86px; transform:rotate(8deg); }
.qk-hero-clipboard { right:67px; bottom:15px; color:#5073de; font-size:60px; transform:rotate(9deg); }
.qk-hero-search { right:17px; bottom:0; width:54px; height:54px; border:7px solid #4368df; border-radius:50%; color:#4368df; background:#ddecff; font-size:30px; transform:rotate(-24deg); }
.qk-hero-search::after { content:""; position:absolute; right:-18px; bottom:-14px; width:27px; height:10px; border-radius:7px; background:#4368df; transform:rotate(43deg); }
.qk-hero-check { right:102px; color:#28bda2; font-size:14px; }.qk-hero-check--one { bottom:64px; }.qk-hero-check--two { bottom:40px; }
.qk-store-notice { margin-bottom:12px; padding:11px 13px; border:1px solid #d8ddfb; border-radius:8px; color:#40508b; background:#f3f4ff; font-size:13px; line-height:1.55; white-space:pre-line; }
.qk-store-intro { display:flex; flex-wrap:wrap; gap:7px 14px; margin:0 1px 13px; color:var(--muted); font-size:12px; }.qk-store-intro p { margin:0; }
.qk-store-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:0 0 25px; }
.qk-quick-entry { display:grid; place-items:center; min-width:0; min-height:95px; padding:11px 5px 9px; gap:8px; border:1px solid #edf0f6; border-radius:8px; color:#334361; background:#fff; box-shadow:0 3px 10px rgba(43,57,99,.045); font-size:13px; font-weight:800; }
.qk-quick-entry:hover,.qk-quick-entry:focus,.qk-quick-entry.is-active { border-color:#cbc6ff; color:var(--primary); background:#fcfcff; }
.qk-quick-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:10px; color:#624fe8; background:#f0edff; font-size:27px; box-shadow:0 5px 10px rgba(83,70,190,.12); }
.qk-quick-entry--running .qk-quick-icon { color:#278dcc; background:#eaf7ff; box-shadow:0 5px 10px rgba(39,141,204,.12); }
.qk-quick-entry--clock .qk-quick-icon { color:#ee6f86; background:#fff0f3; box-shadow:0 5px 10px rgba(238,111,134,.12); }
.qk-quick-entry--orders .qk-quick-icon { color:#d79520; background:#fff7e7; box-shadow:0 5px 10px rgba(215,149,32,.12); }
.qk-store-category-section,.qk-store-product-section { scroll-margin-top:16px; }
.qk-store-categories { display:grid; gap:10px; }
.qk-category-card { display:grid; grid-template-columns:108px minmax(0,1fr) auto; align-items:center; min-width:0; min-height:100px; gap:12px; padding:10px; border:1px solid #edf0f6; border-radius:8px; color:var(--ink); background:#fff; box-shadow:0 4px 13px rgba(32,51,99,.045); text-align:left; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease; }
.qk-category-card:hover,.qk-category-card:focus-visible { border-color:#cbc6ff; background:#fcfcff; box-shadow:0 6px 16px rgba(77,70,190,.08); outline:0; }
.qk-category-cover { position:relative; display:flex; align-items:center; justify-content:center; width:108px; height:78px; overflow:hidden; border-radius:7px; color:#6858e7; background:#f0eeff; }
.qk-category-card--1 .qk-category-cover { color:#288dc9; background:#eaf7ff; }.qk-category-card--2 .qk-category-cover { color:#ed7688; background:#fff1f4; }.qk-category-card--3 .qk-category-cover { color:#d79520; background:#fff7e7; }.qk-category-card--4 .qk-category-cover { color:#21a982; background:#eafaf5; }
.qk-category-cover img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }
.qk-category-cover-fallback { display:none; align-items:center; justify-content:center; width:100%; height:100%; font-size:32px; }.qk-category-cover.is-fallback .qk-category-cover-fallback { display:flex; }
.qk-category-card-copy { display:grid; min-width:0; gap:6px; }.qk-category-card-copy strong { overflow:hidden; color:#1a2949; font-size:16px; font-weight:850; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }.qk-category-card-copy small { color:#8d97a9; font-size:12px; font-weight:650; }
.qk-category-card-arrow { flex:0 0 auto; color:#9aa4b8; font-size:21px; }.qk-category-card:hover .qk-category-card-arrow,.qk-category-card:focus-visible .qk-category-card-arrow { color:var(--primary); }
.qk-category-empty { padding:14px 4px; }
.qk-category-back { display:inline-flex; align-items:center; flex:0 0 auto; min-height:34px; gap:5px; padding:0 10px; border:1px solid #c8d0fb; border-radius:17px; color:var(--primary); background:#fff; font-size:12px; font-weight:800; white-space:nowrap; }.qk-category-back:hover,.qk-category-back:focus-visible { border-color:var(--primary); color:var(--primary-dark); background:var(--primary-soft); outline:0; }
.qk-store-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }.qk-store-section-head h2 { font-size:20px; font-weight:900; }.qk-store-section-head span { overflow:hidden; color:#949daf; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.qk-store-products { display:grid; gap:10px; }
.qk-product { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; min-height:104px; gap:13px; padding:10px; border:1px solid #edf0f6; border-radius:8px; background:var(--surface); box-shadow:0 4px 13px rgba(32,51,99,.045); }
.qk-product-cover { position:relative; display:flex; align-items:center; justify-content:center; width:100px; height:82px; overflow:hidden; border-radius:7px; color:#6858e7; background:#f0eeff; }
.qk-product--clock .qk-product-cover { color:#ed7688; background:#fff1f4; }.qk-product--running .qk-product-cover { color:#288dc9; background:#eaf7ff; }
.qk-product-cover img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }.qk-product-cover-fallback { display:none; align-items:center; justify-content:center; width:100%; height:100%; font-size:38px; }.qk-product-cover.is-fallback .qk-product-cover-fallback { display:flex; }
.qk-product-main { display:grid; min-width:0; align-self:stretch; padding:4px 0; }.qk-product-title { overflow:hidden; color:#1a2949; font-size:16px; font-weight:850; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }.qk-product-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:auto; }
.qk-product-price { overflow:hidden; color:var(--coral); font-size:16px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }.qk-product-price small { margin-left:2px; color:#8d97a9; font-size:11px; font-weight:650; }
.qk-product-button,.qk-shop-button { min-height:34px; padding:0 12px; border:1px solid var(--primary); border-radius:17px; color:#fff; background:var(--primary); box-shadow:0 5px 11px rgba(77,99,232,.16); font-size:12px; font-weight:800; white-space:nowrap; }.qk-product-button:hover,.qk-shop-button:hover { border-color:var(--primary-dark); background:var(--primary-dark); }.qk-shop-button[disabled] { cursor:not-allowed; opacity:.5; }.qk-shop-button-secondary { color:var(--primary); border-color:#c8d0fb; background:#fff; box-shadow:none; }
.qk-icon-button { display:inline-flex; flex:0 0 38px; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:#fff; font-size:23px; line-height:1; }.qk-icon-button:hover { color:var(--primary); border-color:#c8d0fb; background:var(--primary-soft); }
.qk-modal { width:min(calc(100vw - 28px),560px); max-height:calc(100vh - 28px); padding:0; border:0; border-radius:8px; box-shadow:0 20px 68px rgba(20,32,62,.28); }.qk-modal::backdrop { background:rgba(20,32,62,.45); }.qk-modal-shell { display:grid; gap:15px; padding:20px; background:#fff; }.qk-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.qk-store-kicker { margin:0 0 3px; color:var(--primary); font-size:12px; font-weight:800; }.qk-modal h2 { font-size:20px; line-height:1.3; }
.qk-form-grid { display:grid; grid-template-columns:1fr; gap:12px; }.qk-modal label { display:grid; gap:6px; color:#43516d; font-size:13px; font-weight:750; }.qk-modal input,.qk-modal textarea,.qk-modal select { width:100%; min-height:40px; padding:8px 10px; border:1px solid #d8dfec; border-radius:7px; color:var(--ink); outline:none; background:#fff; }.qk-modal textarea { min-height:90px; resize:vertical; }.qk-modal input:focus,.qk-modal textarea:focus,.qk-modal select:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(77,99,232,.12); }
.qk-course-results,.qk-advanced,.qk-after-sales { padding-top:2px; border-top:1px solid var(--line); }.qk-course-results { display:grid; gap:8px; max-height:260px; overflow:auto; }.qk-course-choice { display:flex; align-items:flex-start; gap:9px; padding:10px; border:1px solid var(--line); border-radius:7px; background:#fbfcff; color:#253350; font-size:13px; line-height:1.5; }.qk-course-choice input { width:16px; min-height:auto; margin:3px 0 0; accent-color:var(--primary); }.qk-course-choice span { min-width:0; }.qk-course-choice small { display:block; margin-top:2px; color:var(--muted); }.qk-advanced { display:grid; gap:10px; }.qk-advanced h3 { font-size:14px; }
.qk-check-field { display:flex !important; align-items:center; gap:8px; min-height:40px; padding:0 11px; border:1px solid #d8dfec; border-radius:7px; background:#fff; }.qk-check-field input { width:16px !important; min-height:auto !important; margin:0; accent-color:var(--primary); }.qk-clock-choice { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:10px; border:1px solid #d8dfec; border-radius:7px; }.qk-clock-choice legend { width:100%; padding:0; color:#43516d; font-size:13px; font-weight:750; }.qk-clock-choice label { display:inline-flex !important; align-items:center; gap:5px; color:#53627e; font-size:12px; font-weight:700; }.qk-clock-choice input { width:15px !important; min-height:auto !important; margin:0; accent-color:var(--primary); }
.qk-clock-flow { display:grid; gap:14px; }
.qk-clock-project-card { display:flex; align-items:center; gap:11px; min-width:0; padding:12px 13px; border:1px solid #e4e2f8; border-radius:11px; background:#f3f2ff; }
.qk-clock-project-icon { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:10px; color:#fff; background:var(--primary); font-size:21px; }
.qk-clock-project-card > div { display:grid; gap:3px; min-width:0; }
.qk-clock-project-card strong { overflow:hidden; color:var(--ink); font-size:14px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.qk-clock-project-card small { overflow:hidden; color:#69758e; font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.qk-clock-inputs { display:grid; gap:14px; }
.qk-clock-section { display:grid; gap:12px; padding:15px 13px; border:1px solid #e8eaf3; border-radius:12px; background:#fff; }
.qk-clock-section .qk-purchase-section-title { margin-bottom:0; }
.qk-clock-section .qk-form-grid { grid-template-columns:minmax(0,1fr); }
.qk-clock-field { min-width:0; }
.qk-clock-field small,.qk-clock-choice small,.qk-clock-check-field + small { color:#8b95a8; font-size:11px; font-weight:600; line-height:1.45; }
.qk-clock-field textarea { min-height:82px; resize:vertical; }
.qk-clock-options { display:flex; flex-wrap:wrap; gap:8px; }
.qk-clock-options label { display:inline-flex !important; align-items:center; gap:6px; min-height:33px; padding:0 9px; border:1px solid #dfe4ef; border-radius:8px; color:#53627e; background:#fff; font-size:12px !important; font-weight:700 !important; }
.qk-clock-options label:has(input:checked) { border-color:var(--primary); color:var(--primary); background:var(--primary-soft); }
.qk-clock-options input { width:15px !important; min-height:auto !important; margin:0; accent-color:var(--primary); }
.qk-clock-tool-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:7px; }
.qk-clock-tool-row small { flex:1 1 160px; margin:0; color:#8b95a8; font-size:11px; font-weight:600; line-height:1.45; }
.qk-clock-tool-button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:0 10px; border-radius:7px; font-size:12px; }
.qk-cat-clock-confirm { display:grid; overflow:hidden; border:1px solid #e1e5f1; border-radius:7px; background:#fff; }
.qk-cat-clock-confirm-row { display:grid; grid-template-columns:minmax(90px,.78fr) minmax(0,1.22fr); gap:12px; align-items:start; padding:10px 11px; border-bottom:1px solid #edf0f6; font-size:13px; line-height:1.45; }
.qk-cat-clock-confirm-row:last-child { border-bottom:0; }
.qk-cat-clock-confirm-row span { color:#7f8aa0; font-weight:700; }
.qk-cat-clock-confirm-row strong { overflow-wrap:anywhere; color:#243554; font-weight:800; text-align:right; }
.qk-product-project { display:block; overflow:hidden; margin-top:4px; color:#8b95a8; font-size:11px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.qk-pay-row { display:flex; flex-wrap:wrap; gap:9px; }.qk-pay-choice { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:7px; color:#43516d; font-size:13px; font-weight:750; }.qk-pay-choice input { width:14px; min-height:auto; margin:0; accent-color:var(--primary); }.qk-form-message { min-height:20px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }.qk-form-message.is-error { color:var(--coral); }.qk-form-message.is-success { color:var(--green); }
.qk-store-bottom-nav { position:fixed; z-index:8; bottom:0; left:50%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(100%,480px); min-height:64px; padding:6px 7px max(6px,env(safe-area-inset-bottom)); border-top:1px solid #e8ebf3; background:rgba(255,255,255,.97); box-shadow:0 -5px 20px rgba(32,51,99,.06); transform:translateX(-50%); }
.qk-store-bottom-nav button { display:grid; place-items:center; min-width:0; padding:2px 0; gap:3px; border:0; color:#8d97a9; background:transparent; font-size:11px; font-weight:750; }
.qk-store-bottom-nav i { font-size:21px; line-height:1; }
.qk-store-bottom-nav button.is-active { color:var(--primary); }
.qk-store-bottom-nav button:focus-visible { outline:2px solid #b8b1ff; outline-offset:-2px; }
.qk-toast { position:fixed; right:16px; bottom:78px; z-index:9; max-width:calc(100vw - 32px); padding:10px 13px; border-radius:7px; color:#fff; background:#263759; box-shadow:0 8px 22px rgba(20,32,62,.25); font-size:13px; opacity:0; pointer-events:none; transform:translateY(10px); transition:opacity .16s ease,transform .16s ease; }.qk-toast.is-visible { opacity:1; transform:translateY(0); }
.qk-shop-return { display:grid; min-height:100vh; place-items:center; padding:20px; }.qk-shop-result { width:min(100%,420px); padding:30px 24px; border:1px solid var(--line); border-radius:8px; text-align:center; background:#fff; box-shadow:0 12px 32px rgba(32,51,99,.08); }.qk-shop-result-mark { display:grid; width:48px; height:48px; margin:0 auto 15px; place-items:center; border-radius:50%; color:#fff; background:var(--green); font-size:27px; font-weight:900; }.qk-shop-result h1 { margin:0; font-size:23px; }.qk-shop-result p:not(.qk-shop-eyebrow) { margin:10px 0 20px; color:var(--muted); line-height:1.65; }.qk-shop-result .qk-shop-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
@media (min-width:620px) { body { padding:28px 0; } .qk-store { min-height:calc(100vh - 56px); padding-bottom:92px; border:1px solid #edf0f6; border-radius:8px; box-shadow:0 10px 30px rgba(25,42,84,.06); } .qk-store-bottom-nav { bottom:28px; border:1px solid #e8ebf3; border-bottom:0; border-radius:0 0 8px 8px; } .qk-toast { bottom:106px; } .qk-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .qk-form-grid label:last-child:nth-child(odd) { grid-column:1 / -1; } }
@media (max-width:360px) { .qk-store { padding-left:12px; padding-right:12px; } .qk-store h1 { font-size:22px; } .qk-store-head { gap:10px; } .qk-store-hero { padding-left:20px; }.qk-store-hero-copy strong { font-size:27px; }.qk-store-hero-art { right:-2px; transform:scale(.9); transform-origin:right bottom; } .qk-quick-entry { min-height:89px; } .qk-product { grid-template-columns:88px minmax(0,1fr); }.qk-product-cover { width:88px; height:76px; }.qk-category-card { grid-template-columns:92px minmax(0,1fr) auto; gap:10px; min-height:92px; }.qk-category-cover { width:92px; height:70px; }.qk-category-card-copy strong { font-size:15px; }.qk-product-button { padding:0 10px; } }

/* Purchase, checkout and return surfaces share the store's restrained purple-blue system. */
.qk-purchase-modal { width:100vw; max-width:560px; height:min(100vh,900px); max-height:none; margin:0 auto; overflow:hidden; border-radius:0; }
.qk-purchase-modal::backdrop { background:rgba(14,24,52,.54); }
.qk-purchase-shell { height:100%; min-height:0; grid-template-rows:auto auto minmax(0,1fr) auto; gap:0; padding:0; overflow:hidden; }
.qk-purchase-head,.qk-checkout-head { display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:14px 18px; border-bottom:1px solid #edf0f6; background:#fff; }
.qk-purchase-head > div,.qk-checkout-head > div { min-width:0; text-align:center; }
.qk-purchase-head h2,.qk-checkout-head h1 { overflow:hidden; margin:0; font-size:20px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.qk-purchase-back { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border:0; border-radius:50%; color:var(--ink); background:transparent; text-decoration:none; font-size:23px; }
.qk-purchase-back:hover { color:var(--primary); background:var(--primary-soft); }
.qk-purchase-head-spacer { width:38px; height:38px; }
.qk-purchase-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0; padding:15px 24px 17px; list-style:none; background:#fff; }
.qk-purchase-steps li { position:relative; display:grid; justify-items:center; gap:5px; color:#9aa4b8; font-size:12px; font-weight:800; }
.qk-purchase-steps li[data-purchase-step] { cursor:default; }
.qk-purchase-steps li[aria-disabled="false"] { cursor:pointer; }
.qk-purchase-steps li[aria-disabled="false"]:hover span { box-shadow:0 0 0 4px rgba(86,72,233,.12),0 5px 12px rgba(86,72,233,.22); }
.qk-purchase-steps li:focus-visible { outline:2px solid #b8b1ff; outline-offset:3px; border-radius:8px; }
.qk-purchase-steps li:not(:last-child)::after { content:""; position:absolute; top:15px; left:calc(50% + 18px); width:calc(100% - 36px); height:2px; background:#e3e6f0; }
.qk-purchase-steps li.is-active,.qk-purchase-steps li.is-complete { color:var(--primary); }
.qk-purchase-steps li.is-complete::after { background:#b9b2ff; }
.qk-purchase-steps span { position:relative; z-index:1; display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:#7d879c; background:#eef0f6; font-size:14px; }
.qk-purchase-steps li.is-active span,.qk-purchase-steps li.is-complete span { color:#fff; background:var(--primary); box-shadow:0 5px 12px rgba(86,72,233,.22); }
.qk-purchase-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:19px 18px 102px; background:#f7f8fc; }
.qk-purchase-section { display:grid; gap:15px; }
.qk-purchase-fields { gap:13px; }
.qk-purchase-fields label { color:#263759; font-size:13px; }
.qk-purchase-fields input,.qk-purchase-fields select { min-height:45px; border-color:#e0e4ef; border-radius:10px; background:#fff; }
.qk-purchase-fields input::placeholder,.qk-purchase-fields textarea::placeholder { color:#a6afc0; }
.qk-purchase-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:2px; }
.qk-purchase-section-title h3 { margin:0; color:var(--ink); font-size:17px; font-weight:900; }
.qk-purchase-section-title span { color:#8b95a8; font-size:12px; }
.qk-product-description { min-height:180px; padding:16px; border:1px solid #e8eaf3; border-radius:12px; color:#43516d; background:#fff; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
.qk-product-description > :first-child { margin-top:0; }
.qk-product-description > :last-child { margin-bottom:0; }
.qk-product-description p,.qk-product-description ul,.qk-product-description ol,.qk-product-description blockquote,.qk-product-description pre,.qk-product-description table { margin:0 0 12px; }
.qk-product-description ul,.qk-product-description ol { padding-left:22px; }
.qk-product-description blockquote { padding-left:12px; border-left:3px solid #d8d4ff; color:#69758e; }
.qk-product-description pre { padding:10px 12px; border-radius:8px; color:#263759; background:#f5f6fb; white-space:pre-wrap; }
.qk-product-description code { padding:1px 4px; border-radius:4px; color:#4b43b6; background:#f1efff; font-size:.92em; }
.qk-product-description a { color:var(--primary); font-weight:750; text-decoration:underline; }
.qk-product-description img { display:block; max-width:100%; height:auto; margin:10px 0; border-radius:8px; }
.qk-product-description table { width:100%; border-collapse:collapse; font-size:13px; }
.qk-product-description th,.qk-product-description td { padding:7px 8px; border:1px solid #e7eaf3; text-align:left; }
.qk-product-description th { color:#263759; background:#f7f8fc; }
.qk-description-empty { margin:0; color:#8b95a8; }
.qk-purchase-advanced { margin-top:1px; padding:16px 14px; border:1px solid #e8eaf3; border-radius:12px; background:#fff; }
.qk-purchase-advanced .qk-purchase-fields { grid-template-columns:minmax(0,1fr); margin-top:1px; }
.qk-purchase-lookup { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:46px; border-radius:11px; font-size:14px; }
.qk-purchase-results { max-height:none; padding:16px 0 0; border-top:1px solid #e7eaf3; }
.qk-course-choice--purchase { display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:9px; padding:12px 10px; border:1px solid #e7eaf3; border-radius:10px; background:#fff; }
.qk-course-choice--purchase input { position:absolute; opacity:0; pointer-events:none; }
.qk-course-choice-mark { display:grid; width:20px; height:20px; place-items:center; border:2px solid #d4d9e6; border-radius:6px; color:#fff; font-size:13px; }
.qk-course-choice--purchase input:checked + .qk-course-choice-mark { border-color:var(--primary); background:var(--primary); }
.qk-course-choice-copy { display:grid; gap:2px; min-width:0; }
.qk-course-choice-copy strong { min-width:0; color:#263759; font-size:14px; line-height:1.45; overflow-wrap:anywhere; white-space:normal; }
.qk-course-choice-copy small { color:#8a94a9; line-height:1.4; overflow-wrap:anywhere; white-space:normal; }
.qk-course-choice--purchase > b { color:var(--coral); font-size:13px; white-space:nowrap; }
.qk-duration-field > span { display:block; }
.qk-duration-field input[type=range] { width:100%; min-height:26px; padding:0; accent-color:var(--primary); }
.qk-duration-field small { color:#8b95a8; font-size:11px; font-weight:600; }
.qk-range-control { display:grid; grid-template-columns:minmax(0,1fr) 76px; align-items:center; gap:12px; }
.qk-range-control input[type=range] { min-width:0; }
.qk-range-control .qk-range-number { min-height:40px; padding:7px 8px; border-color:#e0e4ef; border-radius:8px; color:#263759; background:#fff; font-weight:800; text-align:center; }
.qk-advanced-choice { display:grid; gap:9px; min-width:0; margin:0; padding:0; border:0; }
.qk-advanced-choice legend { padding:0; color:#263759; font-size:13px; font-weight:750; }
.qk-advanced-options { display:flex; flex-wrap:wrap; gap:8px; }
.qk-advanced-option { display:inline-flex !important; align-items:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #dfe4ef; border-radius:8px; color:#53627e !important; background:#fff; font-size:12px !important; font-weight:700 !important; }
.qk-advanced-option input { width:15px !important; min-height:auto !important; margin:0; accent-color:var(--primary); }
.qk-advanced-custom { min-height:42px !important; }
.qk-advanced-combobox-field { position:relative; }
.qk-advanced-combobox-shell { position:relative; display:block; min-width:0; }
.qk-advanced-combobox-shell > .qk-advanced-combobox { padding-right:42px; }
.qk-advanced-combobox-shell > input[type=hidden] { display:none !important; }
.qk-advanced-combobox-toggle { position:absolute; top:1px; right:1px; bottom:1px; display:grid; width:38px; place-items:center; padding:0; border:0; border-radius:9px; color:#263759; background:transparent; font-size:18px; }
.qk-advanced-combobox-toggle:hover { color:var(--primary); background:var(--primary-soft); }
.qk-advanced-combobox-shell.is-open > .qk-advanced-combobox { border-color:var(--primary); box-shadow:0 0 0 3px rgba(86,72,233,.12); }
.qk-advanced-combobox-options { position:absolute; z-index:30; top:calc(100% + 4px); right:0; left:0; display:grid; gap:2px; max-height:220px; overflow:auto; padding:5px; border:1px solid #d8dfec; border-radius:10px; background:#fff; box-shadow:0 12px 28px rgba(32,51,99,.16); }
.qk-advanced-combobox-option { display:block; width:100%; min-height:36px; padding:8px 10px; border:0; border-radius:7px; color:#263759; background:transparent; font-size:13px; line-height:1.35; text-align:left; }
.qk-advanced-combobox-option:hover,.qk-advanced-combobox-option[aria-selected=true] { color:var(--primary); background:var(--primary-soft); }
.qk-advanced-combobox-empty { display:block; padding:9px 10px; color:#8b95a8; font-size:12px; line-height:1.45; }
.qk-advanced-unavailable { margin:0; color:#8b95a8; font-size:13px; line-height:1.5; }
.qk-cat-school-combobox { position:relative; display:block; min-width:0; }
.qk-cat-school-combobox > .qk-cat-school-search { padding-right:42px; }
.qk-cat-school-combobox > input[type=hidden] { display:none !important; }
.qk-cat-school-toggle { position:absolute; top:1px; right:1px; bottom:1px; display:grid; width:38px; place-items:center; padding:0; border:0; border-radius:9px; color:#263759; background:transparent; font-size:18px; }
.qk-cat-school-toggle:hover { color:var(--primary); background:var(--primary-soft); }
.qk-cat-school-combobox.is-open > .qk-cat-school-search { border-color:var(--primary); box-shadow:0 0 0 3px rgba(86,72,233,.12); }
.qk-cat-school-options { position:absolute; z-index:35; top:calc(100% + 4px); right:0; left:0; display:grid; gap:2px; max-height:220px; overflow:auto; padding:5px; border:1px solid #d8dfec; border-radius:8px; background:#fff; box-shadow:0 12px 28px rgba(32,51,99,.16); }
.qk-cat-school-option { display:block; width:100%; min-height:36px; padding:8px 10px; border:0; border-radius:7px; color:#263759; background:transparent; font-size:13px; line-height:1.35; text-align:left; }
.qk-cat-school-option:hover,.qk-cat-school-option:focus-visible { color:var(--primary); background:var(--primary-soft); }
.qk-cat-school-empty { display:block; padding:9px 10px; color:#8b95a8; font-size:12px; line-height:1.45; }
.qk-running-flow { display:grid; gap:15px; }
.qk-running-field { min-width:0; }
.qk-running-field small,.qk-running-choice small { display:block; color:#8b95a8; font-size:11px; font-weight:600; line-height:1.45; }
.qk-running-school-input { display:grid; gap:7px; }
.qk-running-school-field input[type=hidden] { display:none; }
.qk-running-check-field { min-height:45px; }
.qk-running-choice { display:grid; gap:9px; min-width:0; margin:0; padding:11px 12px; border:1px solid #e0e4ef; border-radius:10px; background:#fff; }
.qk-running-choice legend { width:100%; padding:0; color:#263759; font-size:13px; font-weight:750; }
.qk-running-options { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.qk-running-options label { display:inline-flex !important; align-items:center; gap:6px; min-height:33px; padding:0 9px; border:1px solid #dfe4ef; border-radius:8px; color:#53627e; background:#fff; font-size:12px !important; font-weight:700 !important; }
.qk-running-options label:has(input:checked) { border-color:var(--primary); color:var(--primary); background:var(--primary-soft); }
.qk-running-options input { width:15px !important; min-height:auto !important; margin:0; accent-color:var(--primary); }
.qk-running-student { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #dcefe6; border-radius:10px; color:#236448; background:#f1fbf5; }
.qk-running-student-icon { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border-radius:10px; color:#fff; background:#32a56b; font-size:18px; }
.qk-running-student > div:last-child { display:grid; gap:2px; min-width:0; }
.qk-running-student strong { overflow:hidden; color:#236448; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.qk-running-student small { overflow:hidden; color:#5b8a73; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.qk-running-schedule { display:grid; gap:11px; padding-top:2px; }
.qk-running-schedule-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.qk-running-schedule-grid label { min-width:0; }
.qk-running-weekdays { background:#fbfbfe; }
.qk-running-task { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(150px,190px); align-items:center; gap:10px; padding:9px 10px; border:1px solid #e7eaf3; border-radius:9px; background:#fff; }
.qk-running-task span { display:grid; gap:2px; min-width:0; color:#263759; font-size:13px; font-weight:750; }
.qk-running-task small { color:#8b95a8; font-size:11px; font-weight:600; }
.qk-running-task input { min-width:0; }
@media (max-width:419px) { .qk-running-schedule-grid { grid-template-columns:minmax(0,1fr); } .qk-running-task { grid-template-columns:minmax(0,1fr); } }
@media (max-width:619px) { .qk-purchase-modal { width:calc(100vw - 24px); height:calc(100vh - 24px); max-height:calc(100vh - 24px); margin:auto; border-radius:12px; } }
@supports (height:100dvh) { @media (max-width:619px) { .qk-purchase-modal { height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); } } }
.qk-purchase-payment-flow { display:grid; gap:15px; }
.qk-payment-order-card { padding:14px 14px 8px; border:1px solid #e4e2f8; border-radius:14px; background:#f3f2ff; }
.qk-payment-order-head { display:flex; align-items:center; gap:11px; min-width:0; }
.qk-payment-product-icon { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:11px; color:#5a4ce8; background:#dedbff; font-size:23px; }
.qk-payment-order-head > div { display:grid; gap:3px; min-width:0; }
.qk-payment-order-head h3 { margin:0; overflow:hidden; color:#162447; font-size:16px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.qk-payment-order-head span { color:#5c67d8; font-size:12px; font-weight:800; }
.qk-payment-order-card ul { display:grid; gap:0; margin:13px 0 0; padding:0; list-style:none; }
.qk-payment-order-card li { display:flex; align-items:center; gap:9px; min-width:0; padding:10px 0; border-top:1px solid rgba(111,105,226,.14); color:#263759; font-size:13px; }
.qk-payment-order-card li > span:nth-child(2) { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qk-payment-order-card li b { color:#5e52e7; font-size:12px; white-space:nowrap; }
.qk-payment-course-icon { display:grid; flex:0 0 30px; width:30px; height:30px; place-items:center; border-radius:9px; color:#5e52e7; background:#e2e0ff; font-size:16px; }
.qk-payment-service-note { color:#69758e !important; }
.qk-payment-meta-card { display:grid; gap:0; padding:4px 14px; border:1px solid #e8eaf3; border-radius:14px; background:#fff; }
.qk-payment-meta-card > div { display:flex; align-items:center; gap:10px; min-height:49px; border-bottom:1px solid #edf0f6; }
.qk-payment-meta-card > div:last-child { border-bottom:0; }
.qk-payment-meta-icon { display:grid; flex:0 0 31px; width:31px; height:31px; place-items:center; border-radius:9px; color:#fff; background:#4b7ded; font-size:17px; }
.qk-payment-meta-icon--coral { background:var(--coral); }
.qk-payment-meta-card b { color:#263759; font-size:13px; }
.qk-payment-meta-card strong { margin-left:auto; max-width:55%; overflow:hidden; color:#263759; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.qk-payment-meta-card strong.is-price { color:var(--coral); font-size:18px; }
.qk-purchase-payments { display:grid; gap:10px; margin-top:0; padding-top:0; border-top:0; }
.qk-pay-choice { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) 28px; align-items:center; justify-content:initial; gap:11px; min-height:68px; padding:10px 12px; border-radius:13px; background:#fff; }
.qk-pay-choice > input { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; opacity:0; pointer-events:none; }
.qk-payment-choice-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:11px; color:#fff; font-size:25px; }
.qk-payment-choice-icon img { display:block; width:34px; height:34px; object-fit:cover; border-radius:9px; }
.qk-pay-choice--alipay .qk-payment-choice-icon { background:#e7f3ff; }
.qk-pay-choice--wechat .qk-payment-choice-icon { color:#fff; background:#24b55c; }
.qk-pay-choice--qq .qk-payment-choice-icon { background:#e4f8ff; }
.qk-pay-choice--default .qk-payment-choice-icon { background:#ecebff; }
.qk-payment-choice-copy { display:grid; gap:3px; min-width:0; }
.qk-payment-choice-copy b { color:#263759; font-size:15px; font-weight:850; }
.qk-payment-choice-copy small { overflow:hidden; color:#8a94a9; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.qk-payment-choice-check { display:grid; place-items:center; color:#c7ccda; font-size:24px; }
.qk-pay-choice.is-selected { border-color:var(--primary); color:var(--primary); background:var(--primary-soft); box-shadow:0 0 0 2px rgba(86,72,233,.08); }
.qk-pay-choice.is-selected .qk-payment-choice-copy b,.qk-pay-choice.is-selected .qk-payment-choice-check { color:var(--primary); }
.qk-purchase-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid #e8ebf3; background:#fff; }
.qk-purchase-total { display:grid; gap:4px; min-width:0; color:#7f8aa0; font-size:12px; }
.qk-purchase-total strong { color:#263759; font-size:14px; white-space:nowrap; }
.qk-purchase-total em { color:var(--coral); font-style:normal; font-size:18px; }
.qk-purchase-footer .qk-shop-button { min-width:132px; min-height:45px; border-radius:12px; font-size:14px; }
.qk-order-modal { width:100vw; max-width:560px; height:100vh; max-height:none; margin:0 auto; overflow:hidden; border-radius:0; }
.qk-order-modal::backdrop { background:rgba(14,24,52,.54); }
.qk-order-shell { height:100%; min-height:0; grid-template-rows:auto auto auto auto minmax(0,1fr) auto; gap:0; padding:0; overflow:hidden; background:#f7f8fc; }
.qk-order-head { display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:14px 18px; border-bottom:1px solid #edf0f6; background:#fff; }
.qk-order-head > div { min-width:0; text-align:center; }
.qk-order-head h2 { overflow:hidden; margin:0; color:var(--ink); font-size:20px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.qk-order-search-card { display:grid; grid-template-columns:minmax(0,1fr) 126px; align-items:end; gap:12px; margin:16px 16px 0; padding:16px; border:1px solid #eceef5; border-radius:8px; background:#fff; box-shadow:0 7px 20px rgba(32,51,99,.05); }
.qk-order-search-card label { min-width:0; color:#59667f; font-size:13px; font-weight:800; }
.qk-order-search-card label > span { display:block; margin-bottom:8px; }
.qk-order-search-card input { min-height:46px; border-color:#e0e4ef; border-radius:8px; }
.qk-order-query-button { display:flex; align-items:center; justify-content:center; gap:5px; min-height:46px; border-radius:8px; font-size:14px; }
.qk-order-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:16px; padding:4px; border:1px solid #eceef5; border-radius:8px; background:#fff; box-shadow:0 7px 20px rgba(32,51,99,.045); }
.qk-order-filters button { min-width:0; min-height:42px; padding:0 8px; border:0; border-radius:7px; color:#263759; background:transparent; font-size:14px; font-weight:850; }
.qk-order-filters button.is-active { color:#fff; background:var(--primary); box-shadow:0 5px 12px rgba(86,72,233,.2); }
.qk-order-filters button:focus-visible { outline:2px solid #b8b1ff; outline-offset:2px; }
.qk-order-shell > .qk-form-message { min-height:0; margin:-7px 18px 9px; }
.qk-order-list { display:grid; align-content:start; gap:12px; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 16px 20px; }
.qk-order-card { overflow:hidden; border:1px solid #eceef5; border-radius:8px; background:#fff; box-shadow:0 7px 20px rgba(32,51,99,.05); }
.qk-order-card-body { display:grid; grid-template-columns:82px minmax(0,1fr); gap:13px; padding:14px; }
.qk-order-cover { position:relative; display:flex; align-items:center; justify-content:center; width:82px; height:82px; overflow:hidden; border-radius:7px; color:#5f52e7; background:#f0eeff; }
.qk-order-cover img { width:100%; height:100%; object-fit:cover; }
.qk-order-cover-fallback { display:none; align-items:center; justify-content:center; width:100%; height:100%; font-size:34px; }
.qk-order-cover.is-fallback .qk-order-cover-fallback { display:flex; }
.qk-order-card.is-processing .qk-order-cover { color:#3979db; background:#edf5ff; }
.qk-order-card.is-completed .qk-order-cover { color:#28a36f; background:#ecfaf3; }
.qk-order-card.is-closed .qk-order-cover { color:#8d97a9; background:#f1f3f7; }
.qk-order-main { display:grid; gap:6px; min-width:0; }
.qk-order-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; min-width:0; }
.qk-order-card-head strong { min-width:0; overflow:hidden; color:#172541; font-size:13px; font-weight:900; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.qk-order-card-head b { flex:0 0 auto; color:var(--coral); font-size:16px; font-weight:900; white-space:nowrap; }
.qk-order-account { overflow:hidden; color:#8b95a8; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.qk-order-divider { margin:3px 0 2px; border-top:1px dashed #e5e8f0; }
.qk-order-product-row { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; min-width:0; }
.qk-order-product-row > strong { min-width:0; overflow:hidden; color:#263759; font-size:14px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.qk-order-status { flex:0 0 auto; color:#3579df; font-size:12px; font-weight:850; white-space:nowrap; }
.qk-order-card.is-completed .qk-order-status { color:#27a66e; }
.qk-order-card.is-closed .qk-order-status { color:#8d97a9; }
.qk-order-progress { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:8px; color:#8b95a8; font-size:12px; line-height:1.5; }
.qk-order-progress strong { min-width:0; color:#59667f; font-weight:750; overflow-wrap:anywhere; }
.qk-order-remark { color:#7f8aa0; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.qk-order-items { display:grid; gap:7px; margin-top:3px; padding-top:8px; border-top:1px solid #edf0f6; }
.qk-order-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px; }
.qk-order-item > div { display:grid; gap:2px; min-width:0; }
.qk-order-item strong { color:#34435f; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.qk-order-item small { color:#8b95a8; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.qk-order-item > span { max-width:106px; color:#5a62c8; font-size:11px; font-weight:800; line-height:1.45; text-align:right; overflow-wrap:anywhere; }
.qk-order-more { margin:0; color:#8b95a8; font-size:11px; }
.qk-order-date { color:#a0a9ba; font-size:10px; line-height:1.4; }
.qk-order-empty { display:grid; min-height:190px; margin:0; place-items:center; align-content:center; gap:10px; color:#97a1b4; text-align:center; }
.qk-order-empty i { color:#b8b1ff; font-size:42px; }
.qk-order-empty span { font-size:13px; font-weight:750; }
.qk-order-note { display:flex; align-items:center; justify-content:center; gap:6px; min-height:52px; margin:0; padding:10px 16px max(10px,env(safe-area-inset-bottom)); border-top:1px solid #edf0f6; color:#909aad; background:#fff; font-size:12px; font-weight:700; }
.qk-order-note i { color:var(--primary); font-size:18px; }
@media (max-width:379px) { .qk-order-search-card { grid-template-columns:minmax(0,1fr); }.qk-order-query-button { width:100%; }.qk-order-card-body { grid-template-columns:70px minmax(0,1fr); gap:10px; padding:12px; }.qk-order-cover { width:70px; height:70px; }.qk-order-card-head { display:grid; gap:3px; }.qk-order-card-head b { font-size:15px; } }
@supports (height:100dvh) { .qk-order-modal { height:100dvh; } }
.qk-shop-checkout { min-height:100vh; background:#f7f8fc; }
.qk-checkout-page { width:min(100%,560px); min-height:100vh; margin:0 auto; padding-bottom:28px; background:#f7f8fc; }
.qk-checkout-head { background:#fff; }
.qk-checkout-card { margin:16px 16px 0; padding:17px; border:1px solid #eceef5; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(32,51,99,.045); }
.qk-checkout-card-title { display:flex; align-items:center; gap:10px; }
.qk-checkout-card-title > i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#fff; background:var(--primary); font-size:21px; }
.qk-checkout-card-title h2 { flex:1; margin:0; overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.qk-checkout-card-title strong { color:var(--primary); font-size:13px; white-space:nowrap; }
.qk-checkout-products ul { display:grid; gap:0; margin:15px 0 0; padding:0; list-style:none; }
.qk-checkout-products li { display:flex; align-items:center; gap:10px; padding:12px 0; border-top:1px solid #edf0f6; color:#263759; font-size:14px; }
.qk-checkout-products li > span:nth-child(2) { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qk-checkout-products li b { color:#8a94a9; font-size:12px; }
.qk-checkout-course-icon { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#5e52e7; background:#f0eeff; }
.qk-checkout-muted,.qk-checkout-order-no,.qk-checkout-note { color:#8a94a9; font-size:12px; line-height:1.6; }
.qk-checkout-meta { display:grid; gap:0; }
.qk-checkout-meta > div { display:flex; align-items:center; gap:11px; min-height:52px; border-bottom:1px solid #edf0f6; }
.qk-checkout-meta > div:last-child { border-bottom:0; }
.qk-checkout-meta-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#fff; background:#4b7ded; font-size:18px; }
.qk-checkout-meta-icon--coral { background:var(--coral); }
.qk-checkout-meta b { color:#263759; font-size:14px; }
.qk-checkout-meta strong { margin-left:auto; color:#263759; font-size:15px; }
.qk-checkout-meta strong.is-price { color:var(--coral); font-size:20px; }
.qk-checkout-payment { margin:20px 16px 0; }
.qk-checkout-payment h2 { margin:0 0 10px; font-size:18px; }
.qk-checkout-payment-choice { display:flex; align-items:center; gap:11px; padding:14px; border:1.5px solid var(--primary); border-radius:13px; background:#fff; }
.qk-checkout-payment-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; color:#fff; background:var(--primary); font-size:23px; }
.qk-checkout-payment-icon img { display:block; width:34px; height:34px; object-fit:cover; border-radius:9px; }
.qk-checkout-payment-icon--alipay { background:#e7f3ff; }
.qk-checkout-payment-icon--wechat { background:#24b55c; }
.qk-checkout-payment-icon--qq { background:#e4f8ff; }
.qk-checkout-payment-choice div { display:grid; gap:3px; flex:1; }
.qk-checkout-payment-choice b { font-size:15px; }.qk-checkout-payment-choice small { color:#8a94a9; font-size:12px; }.qk-checkout-payment-choice > i { color:var(--primary); font-size:25px; }
.qk-checkout-order-no { margin:17px 16px 0; text-align:center; }
.qk-checkout-submit { display:flex; align-items:center; justify-content:center; gap:7px; width:calc(100% - 32px); min-height:48px; margin:14px 16px 0; border-radius:12px; font-size:15px; }
.qk-checkout-note { margin:10px 16px 0; text-align:center; }
body.qk-shop-return { display:block; min-height:100vh; padding:0; }.qk-result-page { width:min(100%,560px); min-height:100vh; padding:0 0 28px; border:0; border-radius:0; text-align:left; background:#f7f8fc; box-shadow:none; }
.qk-result-hero { padding:34px 20px 27px; text-align:center; background:#f5f4ff; }
.qk-result-mark { display:grid; width:84px; height:84px; margin:0 auto 17px; place-items:center; border-radius:50%; color:var(--primary); background:#dedbff; font-size:46px; }
.qk-result-hero[data-result-tone=success] .qk-result-mark { color:#fff; background:var(--green); }.qk-result-hero[data-result-tone=processing] .qk-result-mark { color:#fff; background:#6d68ed; }
.qk-result-hero h2 { margin:0; font-size:27px; }.qk-result-hero p { margin:9px 0 0; color:#77839a; font-size:14px; }
.qk-result-detail { margin:16px; padding:7px 17px; border:1px solid #eceef5; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(32,51,99,.045); }
.qk-result-detail > div { display:flex; align-items:center; gap:10px; min-height:55px; border-bottom:1px solid #edf0f6; }.qk-result-detail > div:last-child { border-bottom:0; }
.qk-result-detail > div > span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#fff; background:#5d53e8; font-size:17px; }.qk-result-detail b { color:#263759; font-size:14px; }.qk-result-detail strong { margin-left:auto; max-width:62%; overflow:hidden; color:#263759; font-size:14px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.qk-result-actions { display:grid; gap:10px; margin:18px 16px 0; }.qk-result-actions .qk-shop-button { width:100%; min-height:48px; border-radius:12px; text-align:center; text-decoration:none; }
.qk-result-contact { margin:18px 16px 0; color:#77839a; text-align:center; }.qk-result-contact a { color:var(--primary); font-weight:800; text-decoration:none; }
@media (min-width:620px) { .qk-purchase-modal,.qk-order-modal { height:calc(100vh - 56px); margin:28px auto; border-radius:10px; }.qk-purchase-modal .qk-purchase-shell,.qk-order-modal .qk-order-shell { border-radius:10px; }.qk-shop-checkout,body.qk-shop-return { padding:28px 0; }.qk-checkout-page { min-height:calc(100vh - 56px); border:1px solid #edf0f6; border-radius:10px; overflow:hidden; }.qk-result-page { min-height:calc(100vh - 56px); border:1px solid #edf0f6; border-radius:10px; overflow:hidden; } }