.q-shell{--accent:#a95f78;--soft:#f8eaf0;background:radial-gradient(circle at 10% 0,var(--soft),transparent 34rem),#faf9f9;min-height:100dvh;padding:24px 14px 50px}.q-calm{--accent:#627b75;--soft:#e8efec;background:radial-gradient(circle at 10% 0,#e8efec,#0000 35rem),#f8f9f8}.q-brand{color:#6d6065;letter-spacing:.08em;justify-content:space-between;width:min(100%,720px);margin:0 auto 18px;font-size:13px;display:flex}.q-brand a{font-weight:800;text-decoration:none}.q-card{background:#ffffffeb;border:1px solid #e6dcdf;border-radius:28px;width:min(100%,720px);margin:auto;padding:clamp(24px,6vw,46px);box-shadow:0 25px 70px #3f2e3414}.q-kicker{color:var(--accent);letter-spacing:.12em;font-weight:700}.q-card h1{font-size:clamp(30px,8vw,48px)}.q-panel{margin-top:30px}.q-panel p{color:#6c6165;line-height:1.8}.q-panel>label:not(.q-check){gap:8px;margin:24px 0;font-weight:700;display:grid}.q-panel input[type=text],.q-panel input:not([type]){height:52px;font:inherit;border:1px solid #d9ced1;border-radius:14px;padding:0 15px}.q-check{color:#5f5659;gap:10px;margin:14px 0;font-size:14px;line-height:1.6;display:flex}.q-check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:3px}.q-panel>button,.q-nav button,.q-submit{background:var(--accent);color:#fff;border:0;border-radius:14px;min-height:48px;padding:0 22px;font-weight:700}.q-progress{background:#eee9ea;border-radius:10px;height:7px;overflow:hidden}.q-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.q-count{color:#887d80;margin-top:10px;font-size:13px}.q-question{min-height:76px;margin:28px 0 20px;font-size:22px;line-height:1.55}.q-options{gap:10px;display:grid}.q-options button{color:#4d4447;text-align:left;background:#fff;border:1px solid #e4dadd;border-radius:14px;align-items:center;gap:12px;min-height:50px;padding:9px 14px;display:flex}.q-options button i{background:var(--soft);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.q-options button.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.q-nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.q-nav button:first-child{color:#61575a;background:#eee9ea}.q-submit{width:100%;margin-top:12px}.q-error{color:#a72d42;background:#fff0f1;border-radius:12px;padding:12px}.q-report{margin-top:30px}.q-type{background:var(--soft);border-radius:22px;padding:25px}.q-type small{color:var(--accent);font-weight:700}.q-type h2{margin:8px 0;font-family:Georgia,Songti SC,serif;font-size:40px}.q-type h2 em{font-size:18px;font-style:normal}.q-type p,.q-report section{line-height:1.75}.q-report section{margin-top:25px}.q-report h3{margin-bottom:10px}.q-dimensions{gap:12px;display:grid}.q-dimensions>div{grid-template-columns:120px 1fr 32px;align-items:center;gap:10px;font-size:14px;display:grid}.q-dimensions i{background:#eee;border-radius:8px;height:8px;overflow:hidden}.q-dimensions i b{background:var(--accent);border-radius:8px;height:100%;display:block}.q-report blockquote,.q-support{border-left:3px solid var(--accent);background:#faf7f8;margin:24px 0;padding:17px;line-height:1.7}.q-disclaimer,.q-version{color:#81767a;font-size:13px;line-height:1.7}.q-version{border-top:1px solid #eee;padding-top:14px}.q-card footer{gap:16px;margin-top:28px;font-size:12px;display:flex}@media (max-width:520px){.q-dimensions>div{grid-template-columns:95px 1fr 28px}.q-card{border-radius:22px}.q-nav button{padding:0 15px}}.q-base-label{border:1px solid color-mix(in srgb,var(--accent) 28%,white);color:var(--accent);letter-spacing:.08em;border-radius:999px;margin-bottom:12px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-block}.q-unlock,.q-deep{border-radius:22px;margin-top:30px;padding:25px}.q-unlock{color:#fff;background:#292527;box-shadow:0 18px 42px #1f191c26}.q-unlock small,.q-deep>small{color:#e8b8c9;letter-spacing:.07em;font-weight:800}.q-calm .q-unlock small{color:#bcd4cd}.q-unlock h2{margin:10px 0 4px;font-size:18px}.q-unlock h3{margin:8px 0;font-size:22px}.q-unlock p,.q-unlock li{color:#ddd4d7;line-height:1.7}.q-unlock button{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;min-height:52px;margin-top:12px;font-weight:800}.q-unlock .q-fineprint{color:#bdb2b6;font-size:12px}.q-test-note{color:#f0cf77;margin-top:10px;font-size:12px;display:block}.q-unlock-error{background:#552f37;border-radius:10px;padding:10px 12px}.q-deep{border:1px solid color-mix(in srgb,var(--accent) 28%,white);background:linear-gradient(150deg,var(--soft),#fff 48%)}.q-deep>small{color:var(--accent)}.q-deep>h2{margin:8px 0 20px;font-size:28px}.q-deep section{border-top:1px solid color-mix(in srgb,var(--accent) 15%,white);padding-top:6px}.q-unlock-check{color:#fff;align-items:flex-start;gap:10px;margin-top:18px;font-size:14px;line-height:1.6;display:flex}.q-unlock-check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.q-personality{--accent:#6656a8;--soft:#eeeafd;background:radial-gradient(circle at 10% 0,#e9e3fb,#0000 35rem),#f8f7fb}.q-brand-note,.q-quality{background:#f4f1fb;border-radius:14px;padding:14px;color:#635a78!important}.q-personality-type h2 em{margin-top:5px;font-family:inherit;font-size:18px;display:block}.q-preferences{gap:18px;display:grid}.q-preferences>div>div{justify-content:space-between;gap:8px;margin-bottom:7px;font-size:13px;display:flex}.q-preferences>div>div span{color:#7f748e}.q-preferences i{background:#d9d1e7;border-radius:9px;height:11px;display:block;overflow:hidden}.q-preferences i b{background:linear-gradient(90deg,#6656a8,#9b81d4);height:100%;display:block}.q-personality .q-deep{background:#f6f3fc;border:1px solid #ded6ef}.q-bazi{--accent:#8a5a32;--soft:#f4eadc;background:radial-gradient(circle at 10% 0,#f1e4d2,#0000 35rem),#faf8f4}.q-lead{color:#74675d;line-height:1.8}.bazi-grid{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.bazi-grid label{gap:8px;font-weight:700;display:grid}.bazi-grid input,.bazi-grid select{height:48px;font:inherit;background:#fff;border:1px solid #d9ced1;border-radius:12px;padding:0 12px}.bazi-pillars{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bazi-pillars article{text-align:center;background:#fffaf2;border:1px solid #eadfce;border-radius:16px;padding:15px}.bazi-pillars small,.bazi-pillars span{color:#7a6a5c;font-size:12px;display:block}.bazi-pillars b{margin:8px;font-family:Songti SC,serif;font-size:29px;display:block}.bazi-pillars p{color:#6c6057;margin:7px 0 0;font-size:12px;line-height:1.5}.bazi-elements{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.bazi-elements span{text-align:center;background:#f7f0e6;border-radius:12px;padding:12px 5px;font-size:12px}.bazi-elements b{margin-bottom:4px;font-size:15px;display:block}@media (max-width:620px){.bazi-grid{grid-template-columns:1fr}.bazi-pillars{grid-template-columns:1fr 1fr}.bazi-elements{grid-template-columns:repeat(5,1fr)}}.q-logic{--accent:#315f8c;--soft:#e8f1fa;background:radial-gradient(circle at 10% 0,#dcecf9,#0000 34rem),#f7f9fc}.q-visual{grid-template-columns:repeat(3,minmax(54px,1fr));gap:10px;margin:0 0 22px;display:grid}.q-visual span{color:#193b5e;background:#f8fbff;border:1px solid #c9d9e8;border-radius:14px;place-items:center;min-height:64px;font-size:28px;font-weight:700;display:grid}.q-visual-rotation{grid-template-columns:repeat(4,1fr)}.q-difficulty{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.q-difficulty span{background:var(--soft);text-align:center;border-radius:12px;gap:3px;padding:13px;font-size:13px;display:grid}@media (max-width:520px){.q-visual span{min-height:56px;font-size:24px}.q-difficulty{grid-template-columns:1fr}.q-logic .q-question{min-height:auto}}.q-cognitive{--accent:#416f63;--soft:#e4f1ed;background:radial-gradient(circle at 10% 0,#dcefe9,#0000 34rem),#f7faf9}.q-memory{text-align:center;background:#f5fbf9;border:1px solid #c9ded8;border-radius:18px;place-items:center;min-height:150px;padding:24px;display:grid}.q-memory button{background:var(--accent);color:#fff;border:0;border-radius:14px;min-height:48px;padding:0 24px;font-weight:700}.q-memory-stimulus{color:#244f45;letter-spacing:.15em;font-family:Georgia,serif;font-size:clamp(36px,10vw,58px);font-weight:800}.q-cognitive .q-question{min-height:auto}.q-pet-profile{background:#f5f0e8;border-radius:18px;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;padding:18px;display:grid}.q-pet-profile label{gap:7px;font-weight:700;display:grid}.q-pet-profile label:nth-child(3),.q-health-note{grid-column:1/-1}.q-pet-profile select,.q-pet-profile input{height:48px;font:inherit;background:#fff;border:1px solid #d8cec0;border-radius:12px;padding:0 12px}.q-health-note{font-size:13px;color:#765d47!important;margin:0!important}.q-pet-report .q-type{background:linear-gradient(135deg,#f5ebd9,#edf3e8)}@media (max-width:520px){.q-pet-profile{grid-template-columns:1fr}.q-pet-profile label:nth-child(3),.q-health-note{grid-column:auto}}
.site-compliance{color:#806c76;text-align:center;padding:16px 12px 24px;font-size:12px}.site-compliance a{color:inherit;text-decoration:none}.site-compliance a:hover{text-decoration:underline}
.support-contact{border:1px solid var(--line);text-align:center;background:#fff8fa;border-radius:20px;margin:24px 0;padding:24px}.support-contact h2{margin-top:0}.support-contact p{color:var(--rose-dark);font-weight:700}.support-qr{background:#fff;border-radius:16px;width:min(100%,420px);height:auto;margin:18px auto 0;display:block}
