:root{--violet: #6c4bf0;--violet-2: #8b6cff;--coral: #ff6b6b;--coral-2: #ff8a5b;--lemon: #ffd93d;--mint: #4ecdc4;--ink: #33285a;--muted: #9a8fc0;--card: #ffffff;--line: #efe7fb;--chip-bg: #efeafe;--radius: 16px;--radius-lg: 22px;--shadow: 0 10px 22px -10px rgba(124, 108, 240, .28);--shadow-coral: 0 14px 26px -10px rgba(255, 92, 134, .42);--page-grad: linear-gradient(175deg, #efe9ff 0%, #ffffff 46%, #fff4ec 100%)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--page-grad) fixed;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,p{margin:0}.fq-app{display:flex;flex-direction:column;height:100%;height:100dvh}.fq-app-main{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.fq-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.fq-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:17px;color:#fff;padding:15px 22px;border-radius:var(--radius);background:linear-gradient(90deg,var(--violet),var(--violet-2));box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.fq-cta:active{transform:translateY(1px) scale(.99)}.fq-cta.coral{background:linear-gradient(90deg,var(--coral-2),var(--coral));box-shadow:var(--shadow-coral)}.fq-btn{font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;color:var(--violet);background:#fff;border:1.5px solid var(--line);padding:9px 16px;border-radius:12px;transition:transform .12s ease}.fq-btn:active{transform:translateY(1px)}.fq-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--violet)}.fq-bar{height:9px;border-radius:999px;background:var(--line);overflow:hidden}.fq-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--lemon),var(--coral));border-radius:999px}.fq-nav{position:relative;z-index:20;flex:0 0 auto;display:flex;gap:6px;flex-wrap:wrap;padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.fq-nav button{font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;border:none;background:transparent;color:#5f5685;padding:8px 13px;border-radius:12px;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,color .12s ease}.fq-nav button.on{background:var(--violet);color:#fff;box-shadow:var(--shadow)}.fq-nav button:not(.on):active{background:var(--chip-bg)}.fq-page{max-width:460px;margin:0 auto;padding:22px 18px 44px}.fq-h2{font-size:22px;font-weight:800;letter-spacing:-.3px}.fq-sub{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.6}.fq-card-title{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px}.fq-seg{display:inline-flex;background:var(--chip-bg);padding:4px;border-radius:14px;gap:2px}.fq-seg button{font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--muted);padding:7px 18px;border-radius:10px;transition:background .15s ease,color .15s ease}.fq-seg button.on{background:#fff;color:var(--violet);box-shadow:0 2px 8px -2px #7c6cf04d}.fq-stat{flex:1;text-align:center}.fq-stat .n{font-size:26px;font-weight:800;color:var(--violet);line-height:1}.fq-stat .l{font-size:12px;color:var(--muted);margin-top:6px}.fq-dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;width:min(210px,58vw);aspect-ratio:1;margin:0 auto}.fq-dpad-btn{display:grid;place-items:center;font-family:inherit;font-size:28px;font-weight:800;color:var(--violet);background:linear-gradient(160deg,#fff,#f4f0ff);border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease,color .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.fq-dpad-btn:active{transform:scale(.9);background:linear-gradient(160deg,var(--violet),var(--violet-2));color:#fff;border-color:var(--violet);box-shadow:0 6px 14px -6px #6c4bf08c}@media(hover:hover){.fq-dpad-btn:hover{border-color:var(--violet);transform:translateY(-1px)}}.fq-dpad-hub{display:grid;place-items:center}.fq-dpad-hub>i{width:16px;height:16px;border-radius:999px;background:var(--line)}@keyframes fqRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fq-rise{animation:fqRise .42s cubic-bezier(.2,.8,.2,1) both}.fq-bar>i{transition:width .6s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.fq-cta:hover{transform:translateY(-1px);filter:brightness(1.04)}.fq-btn:hover{border-color:var(--violet)}.fq-nav button:not(.on):hover{background:var(--chip-bg);color:var(--violet)}.fq-seg button:not(.on):hover{color:var(--violet)}}@keyframes fqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fq-float{animation:fqFloat 3.2s ease-in-out infinite}@keyframes fzpFlip3d{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes fzpGuideIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes fzpFlipBar{0%{width:0}to{width:100%}}@keyframes fzpCombo{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}25%{opacity:1;transform:translate(-50%) scale(1.12)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}@keyframes fzpDexToast{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes fzpRevealFloat{0%,to{transform:translateY(0) scale(.85)}50%{transform:translateY(-8px) scale(.85)}}.fq-home{position:relative;overflow:hidden;min-height:100%}.fq-home-blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(340px 260px at 10% 2%,rgba(124,108,240,.28),transparent 66%),radial-gradient(320px 260px at 94% 12%,rgba(255,138,91,.24),transparent 66%),radial-gradient(360px 300px at 84% 98%,rgba(255,217,61,.22),transparent 70%)}.fq-home-content{position:relative;z-index:1}@keyframes fqBreathe{0%,to{opacity:.4;transform:scale(.97)}50%{opacity:.72;transform:scale(1.03)}}.fq-startglow{animation:fqBreathe 2.8s ease-in-out infinite}.fzp-train{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden}.fzp-train-top{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px}.fzp-stage{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0;container-type:size}.fzp-answer{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:4px 14px calc(18px + env(safe-area-inset-bottom,0px))}.fzp-voice-hint{color:var(--muted);font-size:12px;font-weight:600;text-align:right;line-height:1.4}.fzp-skin-canvas{position:relative;width:min(100%,420px,100cqh);aspect-ratio:1 / 1;margin:0 auto;border-radius:16px;overflow:hidden;container-type:size}.fzp-rotate-hint{display:none}@media(orientation:landscape)and (max-height:560px){.fzp-rotate-hint{display:block;position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:7;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:700;color:#fff;background:#33285ab8;padding:4px 12px;border-radius:999px}}.fzp-tiny-warn{display:none}@media(max-height:359px){.fzp-tiny-warn{display:block;position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:8;max-width:92%;text-align:center;font-size:12px;font-weight:700;color:#fff;line-height:1.35;background:#c73c3ceb;padding:5px 12px;border-radius:12px}}@media(max-width:560px){.fq-nav{flex-wrap:nowrap;justify-content:space-around;gap:2px}.fq-nav button{font-size:22px;padding:7px 10px;gap:0}.fq-nav-label{display:none}.fq-page{padding:16px 14px 32px}.fq-dpad{width:min(240px,66vw,30dvh);gap:10px}.fq-dpad-btn{font-size:32px;border-radius:18px}.fzp-answer{grid-template-columns:1fr;justify-items:center;gap:4px;padding:2px 10px calc(14px + env(safe-area-inset-bottom,0px))}.fzp-voice-hint{text-align:center}.fzp-answer-spacer{display:none}}@media(max-height:560px){.fq-dpad{width:min(210px,58vw,34dvh);gap:6px}.fq-dpad-btn{font-size:24px}}@media(prefers-reduced-motion:reduce){.fq-rise,.fq-float,.fq-startglow{animation:none}.fq-bar>i{transition:none}.fq-cta,.fq-btn{transition:none}.fzp-flip-icon,.fzp-dex-toast,.fzp-dex-reveal{animation:none!important}}