* { box-sizing:border-box; } [hidden] { display:none!important; }
body { margin:0; background:#edf2f8; color:#29415f; font:14px/1.75 'Segoe UI','Microsoft YaHei',sans-serif; }
button,input,select { font:inherit; } button { cursor:pointer; } button:disabled { opacity:.5; cursor:default; } a { color:#507dae; text-decoration:none; }
:is(button,a,input,select):focus-visible { outline:2px solid #7399c8; outline-offset:3px; }
.qt-page { max-width:1320px; padding:24px 30px 35px; margin:auto; }
.qt-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.qt-heading h1 { font-size:24px; margin:0 0 4px; font-weight:650; } .qt-heading p { margin:0; font-size:14px; color:#8b9bb0; }
.qt-stage { color:#8a9db7; background:#e6edf7; padding:6px 11px; border-radius:7px; font-size:14px; }
.qt-tabs { display:flex; gap:30px; border-bottom:1px solid #dce5ef; margin-bottom:24px; }
.qt-tabs button { padding:0 2px 14px; border:0; border-bottom:3px solid transparent; background:none; color:#8a9bb0; font-size:14px; }
.qt-tabs button[aria-pressed=true] { border-color:#426fa9; color:#426fa9; font-weight:600; }
.qt-primary { display:inline-block; border:1px solid #3266aa; border-radius:9px; background:#3266aa; color:#fff; padding:12px 22px; font-size:15px; }
.qt-secondary { border:1px solid #c9d8eb; border-radius:9px; background:#fff; color:#5077a4; padding:12px 22px; font-size:15px; }
.qt-ad-intro { text-align:center; padding:23px 0 34px; }
.qt-ad-intro h2 { font-size:38px; font-weight:650; letter-spacing:-1px; margin:0 0 12px; color:#2c4d75; }
.qt-ad-intro>p { font-size:17px; color:#8296af; margin:0; }
.qt-ad-actions { display:flex; gap:16px; justify-content:center; margin:24px 0 14px; }
.qt-ad-intro .qt-package-note { font-size:14px; color:#98a7ba; }
.qt-ad-band { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; align-items:center; border:1px solid #d8e3f1; border-radius:20px; padding:30px 34px; margin-bottom:24px; background:linear-gradient(120deg,#f8fafd,#eaf1fb); }
.qt-ad-band:nth-of-type(2) { background:linear-gradient(120deg,#edf3fa,#f8fbff); }
.qt-ad-copy h2 { color:#31547f; font-size:32px; font-weight:600; line-height:1.55; letter-spacing:-.5px; margin:0 0 18px; }
.qt-ad-copy p { font-size:16px; line-height:1.95; color:#8499b3; margin:0; }
.qt-ad-band figure { margin:0; min-width:0; }
.qt-ad-band img { display:block; width:100%; height:auto; border-radius:13px; box-shadow:0 15px 30px #294e7c0c; }
.qt-ad-reverse { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.qt-ad-reverse .qt-ad-copy { order:2; }.qt-ad-reverse figure { order:1; }
.qt-settings-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr); gap:23px; }
.qt-card { border:1px solid #dfe6ef; border-radius:17px; background:#fff; padding:28px; min-width:0; }
.qt-card h2 { font-size:23px; margin:0 0 9px; font-weight:600; }.qt-card>p { color:#91a2b8; font-size:14px; margin:0 0 24px; }
.qt-card label { display:block; font-size:15px; color:#6783a5; margin:22px 0 9px; }
.qt-card select,.qt-card input { width:100%; min-width:0; padding:11px 12px; border:1px solid #d8e3f1; border-radius:8px; color:#526f94; background:#fafcfe; font-size:15px; }
.qt-language-field,.qt-hotkey-field { display:flex; align-items:center; gap:12px; }
.qt-hotkey-field button,.qt-language-field button { flex:none; border:1px solid #d9e4f2; border-radius:8px; background:#f1f6fd; color:#6f8db1; padding:10px 13px; font-size:14px; }
.qt-card small { display:block; font-size:14px; color:#a0aec0; margin-top:9px; }
.qt-behavior { margin:24px 0; padding:16px; border:1px solid #e2eaf5; border-radius:9px; background:#f7faff; }
.qt-behavior div { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:14px; padding:6px 0; }.qt-behavior span { color:#9bacc3; }.qt-behavior b { font-weight:400; color:#6b87aa; }
.qt-save-actions { display:flex; justify-content:space-between; align-items:center; gap:18px; border-top:1px solid #e9eef6; padding-top:21px; }
#qt-defaults { border:0; background:none; color:#91a6c0; font-size:14px; padding:0; }
.qt-card .qt-save-note { margin:16px 0 0; font-size:14px; color:#a2b0c1; }
#qt-settings-message { font-size:14px; padding:11px 13px; border-radius:8px; background:#f0f6ee; color:#65836a; margin:14px 0; }
#qt-settings-message.error { background:#fcf3f1; color:#ad6259; }
.qt-connection { align-self:start; padding-top:34px; }.qt-connection-icon { color:#7d9cbf; background:#edf3fb; border:1px solid #dce7f5; border-radius:13px; width:52px; height:52px; display:grid; place-items:center; font-size:25px; margin-bottom:24px; }
.qt-connection-state { display:inline-block; font-size:14px; color:#97a8bd; background:#f0f4f9; padding:3px 9px; border-radius:5px; margin:3px 0 20px; }
.qt-connection-note { border-top:1px solid #e8eef6; padding-top:20px; color:#a1b0c2; font-size:14px; margin:4px 0 24px; }
.qt-connection a { display:block; font-size:14px; margin-top:13px; }

.qt-tutorial-heading { margin:35px 0; }.qt-tutorial-heading h2 { font-size:32px; font-weight:600; margin:0 0 12px; }.qt-tutorial-heading p { font-size:15px; color:#91a2b9; }
.qt-tutorial-steps { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.qt-step-number { display:block; font-size:32px; color:#a1b7d3; margin-bottom:23px; }.qt-tutorial-steps .qt-card p { font-size:16px; line-height:1.9; margin:18px 0 0; }
.qt-tutorial-usage { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:25px; padding:28px; background:#e8f0fa; border:1px solid #d5e2f2; border-radius:14px; }.qt-tutorial-usage kbd { font:inherit; font-size:15px; color:#587da9; padding:7px 12px; background:white; border:1px solid #cddbef; border-bottom-width:3px; border-radius:7px; }.qt-tutorial-usage p { font-size:15px; color:#8a9eb8; margin:18px 0 0; }.qt-tutorial-foot { font-size:15px; color:#93a7c0; text-align:center; margin-top:30px; }

#qt-download:disabled { cursor:not-allowed; opacity:.6; }

a.qt-primary{display:inline-block;text-decoration:none;margin-top:18px}
