:root{--brand:#ff5a5f;--structure:#1737b8;--bg:#f3f6ff;--soft:#e9eeff;--on:#fff}body[data-skin="i1-b"]{--brand:#ff304c;--structure:#101c46;--bg:#eaf1ff;--soft:#f4f7ff}body[data-skin="d1-a"]{--brand:#7658ff;--structure:#101c46;--bg:#dfff57;--soft:#f0f3ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 24rem),var(--bg);color:var(--structure);font-family:Poppins,"Segoe UI",sans-serif}.personal-page{width:min(100%,1040px);margin:auto;padding:clamp(.8rem,3vw,2rem) clamp(.8rem,4vw,2.5rem) 3rem}.personal-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.personal-head>a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--structure);text-decoration:none;font-size:1.25rem}.personal-brand{display:flex;justify-content:center;align-items:center;gap:.1rem}.personal-brand img{width:47px;height:47px;object-fit:contain}.personal-brand span{display:grid;line-height:1}.personal-brand b{font-size:1.2rem;letter-spacing:-.06em}.personal-brand em{color:var(--brand);font-weight:500}.personal-brand small{font-size:.38rem;letter-spacing:.17em}.personal-intro{max-width:720px;margin:2rem auto 1.2rem;text-align:center}.personal-intro small{color:var(--brand);font-weight:800;letter-spacing:.12em}.personal-intro h1{font-size:clamp(1.8rem,6vw,3.2rem);line-height:1.04;margin:.45rem 0}.personal-intro p{color:#53617b;line-height:1.55}.personal-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(320px,1.25fr);gap:clamp(1rem,4vw,3rem);align-items:center}.mini-phone{width:min(100%,280px);margin:auto;padding:.55rem;border:7px solid var(--structure);border-radius:34px;background:var(--brand);box-shadow:0 22px 55px color-mix(in srgb,var(--structure) 24%,transparent)}.mini-screen{min-height:500px;border-radius:24px;background:var(--bg);padding:.7rem;display:grid;grid-template-rows:auto 1fr 105px auto;overflow:hidden}.mini-top{display:grid;grid-template-columns:24px 1fr auto;gap:.4rem;align-items:center;background:#fff;padding:.6rem;border-radius:15px}.mini-top i{width:20px;height:20px;border-radius:50%;background:var(--brand)}.mini-top b{font-size:.7rem}.mini-top span{font-size:.58rem;background:var(--soft);padding:.3rem;border-radius:999px}.mini-copy{align-self:start;margin-top:.8rem;background:#fff;border-radius:17px;padding:1rem;border-left:6px solid var(--brand)}.mini-copy small{color:var(--brand);font-size:.55rem;font-weight:800}.mini-copy strong{display:block;font-size:1.05rem;margin:.25rem 0}.mini-copy p{font-size:.64rem;color:#53617b}.mini-sub{display:flex;justify-content:center;align-items:end;gap:.35rem;position:relative}.mini-sub i{width:50px;height:55px;background:#fff;border-radius:13px;box-shadow:0 7px 16px color-mix(in srgb,var(--structure) 16%,transparent)}.mini-sub i:nth-child(2){background:var(--brand);transform:translateY(-15px)}body[data-motion="fan"] .mini-sub{justify-content:flex-end}body[data-motion="fan"] .mini-sub i{position:absolute;right:12px;width:76px;height:38px}body[data-motion="fan"] .mini-sub i:nth-child(1){transform:translateY(-70px) rotate(-7deg)}body[data-motion="fan"] .mini-sub i:nth-child(2){transform:translateY(-34px) rotate(2deg)}body[data-motion="fan"] .mini-sub i:nth-child(3){transform:translateY(2px) rotate(-4deg)}.mini-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.mini-bottom i{height:35px;border-radius:10px;background:#fff}.mini-bottom i.active{height:45px;background:var(--brand);transform:translateY(-10px)}.personal-form{display:grid;gap:1rem}.personal-form fieldset{display:grid;gap:.55rem;border:0;border-radius:20px;background:#fff;padding:1rem;margin:0;box-shadow:0 12px 32px color-mix(in srgb,var(--structure) 9%,transparent)}.personal-form legend{float:left;width:100%;font-weight:800;margin-bottom:.7rem}.theme-choice,.motion-choice,.union-choice{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.65rem;border:1px solid color-mix(in srgb,var(--structure) 15%,transparent);border-radius:14px;padding:.7rem;cursor:pointer}.theme-choice:has(input:checked),.motion-choice:has(input:checked){border-color:var(--brand);background:var(--soft)}input[type="radio"],input[type="checkbox"]{width:20px;height:20px;accent-color:var(--brand)}.swatches{display:flex;gap:.2rem}.swatches i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.motion-choice{grid-template-columns:auto 92px 1fr}.motion-choice b,.motion-choice small{grid-column:3}.motion-choice small{color:#64718a;font-size:.67rem;margin-top:-.55rem}.motion-demo{height:52px;position:relative;display:flex;align-items:end;justify-content:center}.motion-demo i{display:block;width:25px;height:31px;border-radius:7px;background:var(--soft);border:1px solid color-mix(in srgb,var(--structure) 12%,transparent)}.motion-demo.halo i:nth-child(2){transform:translateY(-9px);background:var(--brand)}.motion-demo.fan i{position:absolute;right:18px;width:42px;height:22px}.motion-demo.fan i:nth-child(1){transform:translateY(-25px) rotate(-8deg)}.motion-demo.fan i:nth-child(2){transform:translateY(-8px) rotate(2deg);background:var(--brand)}.motion-demo.fan i:nth-child(3){transform:translateY(9px) rotate(-4deg)}.union-choice{grid-template-columns:auto 1fr;background:#fff}.personal-form>button{min-height:52px;border:0;border-radius:14px;background:var(--brand);color:#fff;font:800 .85rem Poppins;cursor:pointer}.personal-form>p{min-height:1.2rem;margin:0;color:#23765b;font-weight:700;font-size:.75rem}@media(max-width:760px){.personal-page{padding-top:.7rem}.personal-intro{margin:1.2rem auto 1rem}.personal-layout{grid-template-columns:1fr}.mini-phone{width:220px}.mini-screen{min-height:360px;grid-template-rows:auto 1fr 78px auto}.mini-sub i{width:40px;height:45px}.personal-form{gap:.75rem}.personal-form fieldset{border-radius:17px}.theme-choice,.motion-choice{padding:.62rem}.motion-choice{grid-template-columns:auto 76px 1fr}}