.ppo-host{box-sizing:border-box;padding:40px var(--ppo-gutter) 72px;background-color:var(--ppo-bg);background-image:radial-gradient(900px 380px at 50% -90px,color-mix(in srgb,var(--ppo-blue-500) 14%,transparent),transparent 72%);background-repeat:no-repeat;color:var(--ppo-text);font-size:16px;line-height:1.55}.ppo-host__in{display:grid;grid-gap:28px;gap:28px;max-width:1080px;margin:0 auto}.ppo-host__head{display:grid;justify-items:center;grid-gap:14px;gap:14px;max-width:760px;margin:0 auto;text-align:center}.ppo-host__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}.ppo-host__pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 11px;border:1px solid var(--ppo-line-strong);border-radius:999px;background:var(--ppo-card);color:var(--ppo-text);font-size:13px;font-weight:600}.ppo-host__pill svg{width:14px;height:14px;flex:none;color:var(--ppo-link)}.ppo-host__title{margin:0;color:var(--ppo-ink);font-size:clamp(32px,4.6vw,48px);font-weight:800;line-height:1.06;letter-spacing:-.03em}.ppo-host__title:focus{outline:none}.ppo-host__lede{max-width:62ch;margin:0;color:var(--ppo-muted);font-size:clamp(16px,1.6vw,18px);text-wrap:balance}.ppo-host__needs{display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;max-width:780px;margin:0 auto;padding:14px 16px;border:1px solid var(--ppo-note-line);border-radius:14px;background:var(--ppo-blue-100);color:var(--ppo-ink);font-size:15px}.ppo-host__needs svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--ppo-link)}.ppo-host__needs p{margin:0}.ppo-host__paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;grid-gap:20px;gap:20px}.ppo-host-path{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:30px 28px 28px;overflow:hidden;border:1px solid var(--ppo-line);border-radius:22px;background:var(--ppo-card);box-shadow:var(--ppo-shadow)}.ppo-host-path:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1fa463,#3d6cf5);content:""}.ppo-host-path--laya{background:linear-gradient(180deg,color-mix(in srgb,var(--ppo-laya) 7%,var(--ppo-card)),var(--ppo-card) 60%)}.ppo-host-path--laya:before{background:linear-gradient(90deg,#5e6ad2,#7a5cf2)}.ppo-host-path--laya[data-wanted]{border-color:var(--ppo-laya-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--ppo-laya) 24%,transparent),var(--ppo-shadow)}.ppo-host-path__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ppo-host-path__tile{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--ppo-green-100);color:var(--ppo-green-600)}.ppo-host-path__tile svg{width:24px;height:24px}.ppo-host-path__tile--laya{background:var(--ppo-laya-100);color:var(--ppo-laya)}.ppo-host-req{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3}.ppo-host-req svg{width:14px;height:14px;flex:none}.ppo-host-req--guest{background:var(--ppo-green-100);color:var(--ppo-green-ink)}.ppo-host-req--laya{background:var(--ppo-laya-100);color:var(--ppo-laya-600)}.ppo-host-path__title{margin:0;color:var(--ppo-ink);font-size:clamp(21px,2.2vw,24px);font-weight:800;line-height:1.2;letter-spacing:-.02em}.ppo-host-path__lede{margin:0;color:var(--ppo-muted);font-size:15.5px}.ppo-host-ticks{display:grid;grid-gap:9px;gap:9px;margin:2px 0 0;padding:0;list-style:none;color:var(--ppo-text);font-size:15px}.ppo-host-ticks li{display:flex;align-items:flex-start;gap:10px}.ppo-host-ticks svg{width:18px;height:18px;flex:none;margin-top:3px}.ppo-host-ticks__yes{color:var(--ppo-green-600)}.ppo-host-ticks__no,.ppo-host-ticks__x{color:var(--ppo-muted)}.ppo-host-path__doors{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}.ppo-host-btn{gap:8px;min-height:48px;padding:0 20px;border-radius:12px;font-size:16px;font-weight:700}.ppo-host-btn svg{width:18px;height:18px;flex:none}.ppo-host-btn--laya{border-color:var(--ppo-laya-600);background:var(--ppo-laya-600);color:#fff}.ppo-host-btn--laya:hover{border-color:#3f4aa8;background:#3f4aa8}html[data-site=ppo][data-theme=dark] .ppo-host-btn--laya{border-color:#4f5bc4;background:#4f5bc4}html[data-site=ppo][data-theme=dark] .ppo-host-btn--laya:hover{border-color:#3f4aa8;background:#3f4aa8}.ppo-host-btn--ghost{background:transparent}.ppo-host-flow{position:relative;display:grid;grid-gap:30px;gap:30px;margin-top:22px;padding:44px 28px 38px;border:1px solid var(--ppo-line);border-radius:26px;background:var(--ppo-bg-soft)}.ppo-host-flow__head{display:grid;justify-items:center;grid-gap:10px;gap:10px;max-width:680px;margin:0 auto;text-align:center}.ppo-host-flow__eyebrow{margin:0;color:var(--ppo-link);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ppo-host-flow__title{margin:0;color:var(--ppo-ink);font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.025em}.ppo-host-flow__lede{margin:0;color:var(--ppo-muted);font-size:16px;text-wrap:balance}.ppo-host-flow__pause{position:absolute;top:16px;right:16px;display:inline-grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;border:1px solid var(--ppo-line-strong);border-radius:999px;background:var(--ppo-card);color:var(--ppo-ink);cursor:pointer}.ppo-host-flow__pause:hover{background:var(--ppo-bg)}.ppo-host-flow__pause svg{width:16px;height:16px}.ppo-site .ppo-host-flow__pause:focus-visible{border-radius:999px}.ppo-host-steps{--host-art:128px;--host-n:30px;--host-gap:16px;--host-row:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-column-gap:var(--host-gap);column-gap:var(--host-gap);margin:0;padding:0;list-style:none}.ppo-host-step{position:relative;display:grid;grid-template-rows:var(--host-art) var(--host-n) auto 1fr;justify-items:center;grid-row-gap:var(--host-row);row-gap:var(--host-row);min-width:0;text-align:center}.ppo-host-step__art{grid-row:1;width:100%;height:100%;min-width:0}.ppo-host-step__n{position:relative;z-index:1;grid-row:2;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--host-n);height:var(--host-n);border:2px solid var(--ppo-blue-500);border-radius:50%;background:var(--ppo-card);color:var(--ppo-ink);font-size:13px;font-weight:800;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.ppo-host-step__title{grid-row:3;margin:0;color:var(--ppo-ink);font-size:16px;font-weight:800;line-height:1.3}.ppo-host-step__body{grid-row:4;margin:0;color:var(--ppo-muted);font-size:14px;line-height:1.5}.ppo-host-step__line{position:absolute;top:calc(var(--host-art) + var(--host-row) + var(--host-n) / 2 - 1px);right:calc(50% + var(--host-n) / 2 + 6px);left:calc(-50% - var(--host-gap) + var(--host-n) / 2 + 6px);height:2px;overflow:hidden;border-radius:2px;background:var(--ppo-line-strong)}.ppo-host-step:first-child .ppo-host-step__line{display:none}.ppo-host-step__fill{position:absolute;inset:0;border-radius:inherit;background:var(--ppo-blue-500);opacity:.55;transform-origin:left center}.ppo-host-flow[data-at] .ppo-host-step__fill{opacity:1}.ppo-host-step[data-state=next] .ppo-host-step__n{border-color:var(--ppo-line-strong);color:var(--ppo-muted)}.ppo-host-step[data-state=now] .ppo-host-step__n{border-color:var(--ppo-blue-600);background:var(--ppo-blue-600);box-shadow:0 0 0 4px color-mix(in srgb,var(--ppo-blue-500) 22%,transparent);color:#fff}.ppo-host-step[data-state=next] .ppo-host-step__fill{transform:scaleX(0)}.ppo-host-step[data-state=now] .ppo-host-step__fill{transition:transform .6s cubic-bezier(.4,0,.2,1)}.ppo-hv{position:relative;box-sizing:border-box;display:grid;align-content:center;justify-items:center;grid-gap:9px;gap:9px;width:100%;height:100%;padding:12px;overflow:hidden;border:1px solid var(--ppo-line);border-radius:16px;background:var(--ppo-card);box-shadow:var(--ppo-shadow-sm);color:var(--ppo-text);font-size:12px;line-height:1.3;transition:border-color .2s,box-shadow .2s,transform .2s,opacity .2s}.ppo-host-step[data-state=next] .ppo-hv{opacity:.6}.ppo-host-step[data-state=now] .ppo-hv{border-color:var(--ppo-blue-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--ppo-blue-500) 20%,transparent),var(--ppo-shadow);transform:translateY(-3px)}.ppo-hv--start{justify-items:stretch;gap:7px;padding:14px 16px}.ppo-hv__field{display:block;box-sizing:border-box;height:26px;padding:0 9px;overflow:hidden;border:1px solid var(--ppo-line-strong);border-radius:7px;background:var(--ppo-bg);color:var(--ppo-ink);font-size:11.5px;font-weight:600;line-height:24px;white-space:nowrap}.ppo-hv__field--short{width:58%}.ppo-hv__type{display:inline-block;max-width:100%;overflow:hidden;vertical-align:top;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.ppo-hv__btn{justify-self:start;padding:5px 11px;border-radius:7px;background:#0369a1;color:#fff;font-size:11px;font-weight:700}.ppo-host-step[data-state=next] .ppo-hv__type{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.ppo-host-step[data-state=next] .ppo-hv__btn{opacity:.4}.ppo-host-step[data-state=now] .ppo-hv__type{transition:-webkit-clip-path .9s steps(18) .2s;transition:clip-path .9s steps(18) .2s;transition:clip-path .9s steps(18) .2s,-webkit-clip-path .9s steps(18) .2s}.ppo-host-step[data-state=now] .ppo-hv__type--late{transition:-webkit-clip-path .42s steps(6) 1.2s;transition:clip-path .42s steps(6) 1.2s;transition:clip-path .42s steps(6) 1.2s,-webkit-clip-path .42s steps(6) 1.2s}.ppo-host-step[data-state=now] .ppo-hv__btn{box-shadow:0 0 0 4px rgba(3,105,161,.22);transition:opacity .24s 1.7s,box-shadow .24s 1.7s}.ppo-hv--share{gap:9px}.ppo-hv__link{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;max-width:100%;padding:3px 4px 3px 9px;border:1px solid var(--ppo-line-strong);border-radius:999px;background:var(--ppo-bg);color:var(--ppo-ink);font-size:11px;font-weight:600;white-space:nowrap}.ppo-hv__link-icon{width:12px;height:12px;flex:none;color:var(--ppo-link)}.ppo-hv__url{min-width:0;overflow:hidden;text-overflow:ellipsis}.ppo-hv__copy{display:inline-grid;flex:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ppo-blue-100);color:var(--ppo-link)}.ppo-hv__copy svg{grid-area:1/1;width:11px;height:11px}.ppo-hv__copy-to{opacity:0}.ppo-hv__copy-done{color:var(--ppo-green-600)}.ppo-hv__people{display:flex;gap:5px;padding-top:5px}.ppo-hv__av{position:relative;display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:.02em}.ppo-hv__av--small{width:22px;height:22px;font-size:8.5px}.ppo-hv__av--host{background:#e9ddff;color:#4a2f9c}.ppo-hv__av--guest{background:#d9f2e6;color:#0f6a43}.ppo-hv__crown{position:absolute;top:-10px;left:50%;width:12px;height:12px;color:#f7931e;transform:translateX(-50%)}.ppo-hv__note{max-width:100%;overflow:hidden;color:var(--ppo-muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.ppo-hv__note b{color:var(--ppo-ink)}.ppo-host-step[data-state=next] .ppo-hv__copy-to{opacity:1}.ppo-host-step[data-state=next] .ppo-hv__copy-done,.ppo-host-step[data-state=next] .ppo-hv__note{opacity:0}.ppo-host-step[data-state=next] .ppo-hv__people .ppo-hv__av--guest{opacity:0;transform:translateY(6px) scale(.7)}.ppo-host-step[data-state=now] .ppo-hv__copy-done,.ppo-host-step[data-state=now] .ppo-hv__copy-to{transition:opacity .2s .45s}.ppo-host-step[data-state=now] .ppo-hv__people .ppo-hv__av--guest{transition:opacity .26s,transform .32s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(.7s + var(--i) * .22s)}.ppo-host-step[data-state=now] .ppo-hv__note{transition:opacity .26s 1.7s}.ppo-hv__table{display:flex;gap:7px}.ppo-hv__seat{display:grid;justify-items:center;grid-gap:6px;gap:6px}.ppo-hv__card{position:relative;display:block;box-sizing:border-box;width:24px;height:34px;border:1.5px solid var(--ppo-line-strong);border-radius:6px}.ppo-hv__back{position:absolute;inset:-1.5px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(140deg,#3d6cf5,#7a5cf2);box-shadow:0 5px 12px -6px rgba(61,108,245,.8);color:#fff}.ppo-hv__back svg{width:12px;height:12px;stroke-width:3}.ppo-host-step[data-state=next] .ppo-hv__back{opacity:0;transform:translateY(-6px) scale(.85)}.ppo-host-step[data-state=now] .ppo-hv__back{transition:opacity .22s,transform .3s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(.25s + var(--i) * .28s)}.ppo-hv--reveal{gap:11px}.ppo-hv__cards{display:flex;gap:7px;perspective:500px}.ppo-hv__flip{position:relative;display:block;width:24px;height:34px;transform:rotateY(180deg);transform-style:preserve-3d}.ppo-hv__face{position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;border-radius:6px;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:13px;font-weight:800}.ppo-hv__face--back{background:linear-gradient(140deg,#3d6cf5,#7a5cf2)}.ppo-hv__face--front{border:1.5px solid #0369a1;background:#fff;box-shadow:0 5px 12px -8px rgba(3,105,161,.6);color:#0c1530;transform:rotateY(180deg)}.ppo-hv__result{display:flex;align-items:center;gap:9px}.ppo-hv__stat{display:grid;justify-items:center;line-height:1.1}.ppo-hv__stat-name{color:var(--ppo-muted);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ppo-hv__stat-value{color:var(--ppo-ink);font-size:16px;font-weight:800}.ppo-hv__save{padding:5px 9px;border-radius:7px;background:#0369a1;color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}.ppo-host-step[data-state=next] .ppo-hv__flip{transform:rotateY(0deg)}.ppo-host-step[data-state=next] .ppo-hv__result{filter:grayscale(1);opacity:.3}.ppo-host-step[data-state=now] .ppo-hv__flip{transition:transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.25s + var(--i) * 90ms)}.ppo-host-step[data-state=now] .ppo-hv__result{transition:opacity .3s .95s,filter .3s .95s}.ppo-hv--keep{gap:8px}.ppo-hv__chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.ppo-hv__chip svg{width:13px;height:13px;flex:none}.ppo-hv__chip--keep{background:var(--ppo-laya-100);color:var(--ppo-laya-600)}.ppo-hv__chip--csv{background:var(--ppo-green-100);color:var(--ppo-green-ink)}.ppo-host-step[data-state=next] .ppo-hv__chip{filter:grayscale(1);opacity:.3;transform:translateY(6px)}.ppo-host-step[data-state=now] .ppo-hv__chip{transition:opacity .26s,filter .26s,transform .32s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(.3s + var(--i) * .42s)}.ppo-host__join{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:0 auto;color:var(--ppo-text);font-size:15px;text-align:center}.ppo-host__join>svg{width:18px;height:18px;flex:none;color:var(--ppo-link)}.ppo-host__join p{margin:0}@media (max-width:959px){.ppo-host-steps{--host-art:120px;--host-rowgap:24px;grid-template-columns:minmax(0,1fr);row-gap:var(--host-rowgap)}.ppo-host-step{grid-template-columns:var(--host-n) minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:start;column-gap:14px;row-gap:6px;text-align:left}.ppo-host-step__n{grid-column:1;grid-row:1}.ppo-host-step__title{grid-column:2;grid-row:1;align-self:center}.ppo-host-step__body{grid-column:2;grid-row:2}.ppo-host-step__art{grid-column:2;grid-row:3;max-width:340px;height:var(--host-art);margin-top:6px}.ppo-host-step__line{top:calc(var(--host-n) + 6px);right:auto;bottom:calc(6px - var(--host-rowgap));left:calc(var(--host-n) / 2 - 1px);width:2px;height:auto}.ppo-host-step:first-child .ppo-host-step__line{display:block}.ppo-host-step:last-child .ppo-host-step__line{display:none}.ppo-host-step__fill{transform-origin:center top}.ppo-host-step[data-state=next] .ppo-host-step__fill,.ppo-host-step[data-state=now] .ppo-host-step__fill{transform:scaleY(0);transition:none}.ppo-host-step[data-state=done] .ppo-host-step__fill{transition:transform .5s cubic-bezier(.4,0,.2,1)}}@media (max-width:819px){.ppo-host__paths{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.ppo-host{padding:26px 16px 56px}.ppo-host__in{gap:22px}.ppo-host-path{padding:24px 18px 20px;border-radius:18px}.ppo-host-path__doors .ppo-host-btn{flex:1 1 100%}.ppo-host-flow{margin-top:10px;padding:30px 16px 24px;border-radius:20px}.ppo-host-flow__head{padding:0 30px}.ppo-host-flow__pause{top:10px;right:10px}}@media (pointer:coarse){.ppo-host-flow__pause{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){html[data-site=ppo]:not([data-ppo-motion=full]) .ppo-host-flow *{transition:none!important}}html[data-site=ppo][data-ppo-motion=reduced] .ppo-host-flow *{transition:none!important}