.fn-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:880px;margin:0 auto clamp(40px,6vw,56px)}@media(max-width:720px){.fn-legend{grid-template-columns:1fr}}.fn-item{border-radius:var(--r-lg);padding:20px 22px;border-left:5px solid var(--c);background:var(--cs)}.fn-item.conn{--c:#C8923A;--cs:#f8f1e1}.fn-item.routine{--c:#2E8B7A;--cs:#e4f2ee}.fn-item.skill{--c:#4A5FA0;--cs:#ebeefa}.fn-item .ft{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--c);margin-bottom:7px}.fn-item .ft svg{width:18px;height:18px}.fn-item p{font-size:13.5px;color:var(--ink);line-height:1.7}.persona-sw{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:clamp(28px,4vw,40px) auto 0}.persona-sw a,.persona-sw button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:9px 20px;transition:.15s;cursor:pointer;font-family:inherit}.persona-sw a:hover,.persona-sw button:hover{border-color:var(--cyan)}.persona-sw a.active,.persona-sw button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.persona-sw a svg,.persona-sw button svg{width:16px;height:16px}.uc-panel{display:none}.uc-panel.show{display:block;animation:panelIn .35s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.uc-group{margin-top:clamp(48px,6.5vw,68px)}.uc-group.g-conn{--fn:#C8923A;--fn-soft:#f8f1e1}.uc-group.g-routine{--fn:#2E8B7A;--fn-soft:#e4f2ee}.uc-group.g-skill{--fn:#4A5FA0;--fn-soft:#ebeefa}.uc-ghead{display:flex;align-items:center;gap:16px;background:var(--fn-soft);border-left:6px solid var(--fn);border-radius:14px;padding:20px 24px;margin-bottom:24px}.uc-ghead .gicon{flex:0 0 50px;width:50px;height:50px;border-radius:13px;background:var(--fn);color:#fff;display:flex;align-items:center;justify-content:center}.uc-ghead .gicon svg{width:26px;height:26px}.uc-ghead .glabel{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--fn);text-transform:uppercase;margin-bottom:3px}.uc-ghead h2{color:var(--navy);font-size:clamp(18px,2.4vw,23px);line-height:1.4;margin-bottom:4px}.uc-ghead p{color:var(--ink-soft);font-size:13.5px;line-height:1.7}@media(max-width:560px){.uc-ghead{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}}.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:920px){.uc-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.uc-grid{grid-template-columns:1fr}}.uc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:4px solid var(--fn);border-radius:var(--r-lg);padding:22px 22px 20px;box-shadow:var(--sh-sm);transition:.2s}.uc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}.uc-top{display:flex;align-items:center;gap:8px;margin-bottom:11px}.uc-app{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px}.uc-app svg{width:13px;height:13px}.uc-task{font-size:15.5px;font-weight:700;color:var(--navy);line-height:1.5;margin-bottom:10px}.uc-task:before{content:"“";opacity:.5}.uc-task:after{content:"”";opacity:.5}.uc-fns{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}.uc-fn{font-size:10.5px;font-weight:700;border-radius:var(--r-pill);padding:3px 9px;background:var(--fn);color:#fff}.uc-fn.plus{background:#fff;color:var(--fn);border:1px solid var(--fn)}.uc-when{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--fn)}.uc-when svg{width:12px;height:12px}.uc-steps{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:15px;flex:1}.uc-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);transition:color .25s}.uc-step.done{color:var(--ink)}.uc-ico{flex:0 0 20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.uc-pending{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.uc-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-soft);border-top-color:var(--fn);animation:ucspin .8s linear infinite}@keyframes ucspin{to{transform:rotate(360deg)}}.uc-check{width:18px;height:18px;border-radius:50%;background:var(--fn);position:relative;transform:scale(.3);animation:ucpop .3s cubic-bezier(.2,1.3,.5,1) forwards}.uc-check:after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}@keyframes ucpop{to{transform:scale(1)}}.uc-result{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:700;color:var(--navy);background:var(--fn-soft);border-radius:var(--r);padding:11px 13px;border-left:3px solid var(--fn);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.uc-result.show{opacity:1;transform:none}.uc-result .uc-rdot{flex:0 0 15px;width:15px;height:15px;border-radius:50%;background:var(--fn);position:relative;margin-top:1px}.uc-result .uc-rdot:after{content:"";position:absolute;left:4.5px;top:2.5px;width:4px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.uc-note{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:40px}@media(prefers-reduced-motion:reduce){.uc-spin{animation:none;border-top-color:var(--fn)}.uc-check{transform:scale(1);animation:none}.uc-result{opacity:1;transform:none}}.uc-video{max-width:960px;margin:0 auto clamp(30px,4.5vw,44px)}.uc-video-head{font-size:14px;color:var(--ink);font-weight:600;line-height:1.65;margin-bottom:12px;text-align:center}.uc-video-tag{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--navy);border-radius:var(--r-pill);padding:3px 12px;margin-right:9px;vertical-align:1px}.uc-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);background:var(--navy-deep);border:1px solid var(--line)}.uc-video-media{width:100%;height:100%;object-fit:cover;display:block}.uc-video-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:28px;background:linear-gradient(135deg,var(--navy),var(--navy-grad))}.uc-video-fallback strong{display:block;font-size:clamp(16px,2.2vw,22px);line-height:1.5;margin-bottom:8px}.uc-video-fallback span{display:block;font-size:13.5px;line-height:1.8;opacity:.86}