.iq{position:relative;padding-block:clamp(72px,9vw,120px);overflow:hidden}.iq .iq-h{font-size:clamp(34px,4.3vw,62px);line-height:1.05;text-align:center;max-width:20ch;margin:0 auto clamp(48px,6vw,88px)}.iq .iq-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:center}.iq .iq-left{position:relative;min-width:0}.iq .iq-halo{position:absolute;inset:-60px;z-index:0;filter:blur(50px);pointer-events:none}.iq .iq-halo i{position:absolute;inset:0}.iq .iq-halo i:nth-child(1){background:radial-gradient(circle at 70% 70%,rgba(212,52,11,.16),transparent 55%)}.iq .iq-halo i:nth-child(2){background:radial-gradient(circle at 75% 25%,rgba(255,138,101,.14),transparent 55%)}.iq .iq-halo i:nth-child(3){background:radial-gradient(circle at 25% 25%,rgba(236,72,153,.11),transparent 55%)}.iq .iq-halo i:nth-child(4){background:radial-gradient(circle at 20% 75%,rgba(99,102,241,.11),transparent 55%)}.iq .iq-tabs{position:relative;z-index:2;display:flex;align-items:flex-end;padding-left:0}.iq .iq-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px;margin-right:-6px;font-size:14px;font-weight:500;color:#99928e;background:#f7f5f2;border:1px solid #e7e2df;border-bottom:0;border-radius:12px 12px 0 0;cursor:pointer;transition:color .2s,transform .2s}.iq .iq-tabs button:hover{color:#565352;transform:translateY(-1px)}.iq .iq-tabs button[aria-selected=true]{height:42px;z-index:3;color:var(--ink);background:#fff;border-color:#6896e1;transform:none;margin-bottom:-1px;padding-bottom:1px}.iq .iq-tabs button[aria-selected=true] svg{color:var(--btn)}.iq .iq-card{position:relative;z-index:1;background:#fff;border-radius:0 16px 16px;display:flex;flex-direction:column;height:min(620px,68vh);min-height:480px;box-shadow:0 30px 60px -36px #3c287859}.iq .iq-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from 30deg,#95caff,#ff4c00 10% 15%,#fed850 25%,#ff5006 28%,#ff6220 33%,#2b4fb9 37%,#95caff 43%,#ab8beb 50%,#dd55d2 61%,#e76896 67%,#95caff 80%,#95caff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.iq .iq-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:56px;padding:0 16px;border-bottom:1px solid #eeeae6;flex:none}.iq .ttl{justify-self:center;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);padding:6px 12px;border-radius:8px}.iq .ttl svg{color:#99928e}.iq .tag{font-size:10.5px;letter-spacing:.1em;font-weight:600;padding:4px 9px;border-radius:100px;background:var(--cream);color:var(--ink-2)}.iq .orb{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#ff4c00,#fed850,#95caff,#ab8beb,#dd55d2,#ff4c00);-webkit-mask:radial-gradient(circle,transparent 46%,#000 50%);mask:radial-gradient(circle,transparent 46%,#000 50%);animation:iqorb 2.4s linear infinite}.iq .orb.sm{width:18px;height:18px}@keyframes iqorb{to{transform:rotate(1turn)}}.iq .iq-body{flex:1;min-height:0;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin}.iq .ins{display:grid;gap:12px;max-width:470px;margin:8px auto 0;width:100%}.iq .insc{border:1px solid #e7e2df;border-radius:12px;padding:14px 16px;background:#fff;box-shadow:0 1px 2px #00000008;animation:iqup .5s both}.iq .insc:nth-child(2){animation-delay:.12s}.iq .insc:nth-child(3){animation-delay:.24s}.iq .insc .k{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;padding:2px 8px;border-radius:100px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff4c00,#ab8beb,#95caff) border-box}.iq .insc p{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--ink)}.iq .ub{align-self:flex-end;max-width:85%;margin:0;background:#f4f2ef;border-radius:14px 14px 4px;padding:11px 14px;font-size:14px;line-height:1.4;animation:iqup .35s both}.iq .think{display:grid;gap:10px;animation:iqup .35s both}.iq .th{display:flex;align-items:center;gap:8px;margin:0}.iq .grad,.iq .think li{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.iq .grad{font-size:12.5px;font-weight:600;background:linear-gradient(90deg,#ff6128,#8a32c8 33%,#63aaff 66%,#ff9c81) text;-webkit-background-clip:text;color:transparent}.iq .done-l{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#99928e}.iq .think ol{list-style:none;margin:0 0 0 8px;padding:2px 0 2px 16px;border-left:1px solid #e7e2df;display:grid;gap:14px}.iq .think li{position:relative;font-size:11px;line-height:1.35;color:var(--ink);animation:iqup .3s both}.iq .think li:before{content:"";position:absolute;left:-19.5px;top:5px;width:6px;height:6px;border-radius:50%;background:#c9c3be}.iq .ans{display:grid;gap:14px}.iq .blk,.iq .askq{animation:iqup .45s both}.iq .blk:nth-child(2){animation-delay:.5s}.iq .askq{animation-delay:1s}.iq .bh{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink)}.iq .bh svg{color:var(--btn)}.iq .blk ul{margin:0;padding-left:30px;display:grid;gap:4px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.iq .blk b{font-weight:600;color:var(--ink)}.iq .askq,.iq .iq-done{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}.iq .act{border:1px solid #cfe3cf;background:#f6faf5;border-radius:14px;padding:14px;display:grid;gap:10px;max-width:400px;animation:iqup .4s both}.iq .ah{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:#2f6b2f}.iq .act dl{margin:0;background:#fff;border:1px solid #e3ece2;border-radius:10px;overflow:hidden}.iq .act dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:13px;border-top:1px solid #eef3ed}.iq .act dl div:first-child{border-top:0}.iq .act dt{color:var(--ink-2)}.iq .act dd{margin:0;font-weight:500;text-align:right}.iq .ab{display:flex;justify-content:center;align-items:center;gap:6px;margin:0;padding:9px;border-radius:8px;background:#e1eedf;color:#2f6b2f;font-size:13px;font-weight:500}.iq .iq-done{animation:iqup .4s both}@keyframes iqup{0%{opacity:0;transform:translateY(6px)}}.iq .iq-in{flex:none;margin:0 14px 14px;padding:12px 14px;min-height:76px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;font-size:14px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#ab8beb,#dd55d2 40%,#ff6220 75%,#fed850) border-box}.iq .iq-in .ph{color:#99928e;min-height:1.4em}.iq .iq-in .ph.on{color:var(--ink)}.iq .iq-in .ph.on:after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--ink);animation:iqblink 1s steps(1) infinite}@keyframes iqblink{50%{opacity:0}}.iq .iq-in .row{display:flex;justify-content:space-between;align-items:center;color:#99928e}.iq .send{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#ece9e5;color:#fff}.iq .iq-in .ph.on~.row .send{background:var(--btn)}.iq .iq-right{position:relative;z-index:1}.iq .iq-h3{font-size:clamp(32px,3.6vw,52px);line-height:1.05;margin-bottom:18px}.iq .iq-sub{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:var(--ink-2);max-width:46ch;margin:0 0 28px}.iq .iq-steps{list-style:none;margin:0 0 32px;padding:0;display:grid}.iq .iq-steps button{display:flex;align-items:center;gap:16px;width:100%;padding:12px 0;text-align:left;background:none;border:0;cursor:pointer;color:inherit;font:inherit}.iq .ring{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--btn);transition:background .3s,border-color .3s,transform .2s}.iq .iq-steps button:hover .ring{transform:scale(1.08)}.iq .ring svg:first-child{position:absolute;inset:-1.5px;width:calc(100% + 3px);height:calc(100% + 3px);transform:rotate(-90deg);overflow:visible;opacity:0}.iq .ring circle{fill:none;stroke:var(--btn);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}.iq .ring b{font-size:17px;font-weight:600;color:var(--btn)}.iq .ring .ok{position:absolute;color:#fff;opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}.iq .st{font-size:clamp(18px,1.65vw,24px);line-height:1.25;color:#99928e;transition:color .3s}.iq .on .ring{border-color:#d4340b2e}.iq .on .ring svg:first-child{opacity:1}.iq .on .st{color:var(--ink)}.iq .done .ring{background:var(--btn);border-color:var(--btn)}.iq .done .ring b{opacity:0}.iq .done .ring .ok{opacity:1;transform:none}.iq .done .st{color:var(--ink)}@media(max-width:1000px){.iq .iq-grid{grid-template-columns:minmax(0,1fr)}.iq .iq-right{order:-1}.iq .iq-steps{display:none}}@media(max-width:560px){.iq .iq-tabs button{padding:0 12px;font-size:13px}.iq .iq-card{height:560px;min-height:0}.iq .iq-head{gap:8px;padding:0 12px}.iq .ttl{font-size:13px;padding:6px 2px}.iq .ttl svg{display:none}}@media(prefers-reduced-motion:reduce){.iq .orb,.iq .insc,.iq .ub,.iq .think,.iq .think li,.iq .blk,.iq .askq,.iq .act,.iq .iq-done{animation:none}}
