@scope(.pepa-website){:scope{--pepa-site-font-display:"Yuanti SC", "PingFang SC", "Microsoft YaHei", sans-serif;--pepa-site-font-body:"PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--pepa-site-font-numeric:"Avenir Next", "Helvetica Neue", "PingFang SC", sans-serif;--pepa-site-weight-display:500;--pepa-site-leading-display:1.4;--pepa-site-leading-body:1.8;--pepa-site-radius-xs:4px;--pepa-site-radius-sm:6px;--pepa-site-radius-control:8px;--pepa-site-radius-card:12px;--pepa-site-radius-media:16px;--pepa-site-radius-panel:18px;--pepa-site-radius-dialog:24px;--pepa-site-radius-pill:999px;--pepa-site-radius-circle:50%;--pepa-site-gradient-brand:linear-gradient(90deg, #ff419b 0%, #ff8266 33.333%, #ec44c8 66.667%, #9450ff 100%);--pepa-site-highlight-pink:#ed29bd;--pepa-site-highlight-purple:#a344f3;--pepa-site-gradient-highlight:linear-gradient(110deg, var(--pepa-site-highlight-pink), var(--pepa-site-highlight-purple));--pepa-site-gradient-insight:linear-gradient(105deg, #ffe0ef 0%, #fff2e9 48%, #e9e3ff 100%)}.pepa-site{--pepa-site-content-max:1200px;--pepa-site-gutter:48px;font-family:var(--pepa-site-font-body)}@media (max-width:1050px){.pepa-site{--pepa-site-gutter:28px}}@media (max-width:700px){.pepa-site{--pepa-site-gutter:20px}}.mas-demo{font-family:var(--pepa-site-font-body)}.mas-references .reference-card{border-radius:var(--pepa-site-radius-card)}}
@scope(.pepa-website){.pepa-site{min-width:320px;color:var(--pepa-text-primary);background:var(--pepa-bg-canvas);position:relative}.pepa-site-header{z-index:10;background:linear-gradient(var(--pepa-bg-canvas) 25%, transparent);justify-content:space-between;align-items:center;padding:27px 42px;display:flex;position:absolute;inset:0 0 auto}.pepa-site-logo{width:151px;display:block}.pepa-site-logo img{width:100%;height:auto;display:block}.pepa-site-reserve{border:1px solid var(--pepa-border-control);border-radius:var(--pepa-site-radius-pill);background:var(--pepa-bg-surface);align-items:center;gap:20px;padding:10px 19px;font-size:14px;display:flex}.pepa-site-reserve:hover{background:var(--pepa-bg-subtle)}.pepa-hero{isolation:isolate;height:100svh;min-height:700px;position:relative;overflow:hidden}.pepa-ambient{z-index:-2;background:radial-gradient(ellipse at 1% 80%,color-mix(in srgb,var(--pepa-brand-orange) 6%,transparent),transparent 38%),radial-gradient(ellipse at 99% 25%,color-mix(in srgb,var(--pepa-brand-pink) 6%,transparent),transparent 35%);position:absolute;inset:0}.pepa-portrait-stage{z-index:-1;pointer-events:none;position:absolute;inset:105px 0 55px}.pepa-scene{position:absolute;inset:0}.pepa-portrait{left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r));margin:0;position:absolute}.pepa-portrait-inner{aspect-ratio:var(--ratio);border:5px solid var(--pepa-bg-surface);border-radius:var(--pepa-site-radius-media);background:var(--pepa-bg-subtle);box-shadow:var(--pepa-elevation);opacity:0;position:relative;overflow:hidden}.pepa-portrait-image{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.pepa-portrait-platform{border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:8px;left:8px;overflow:hidden;box-shadow:0 1px 5px #00000029}.pepa-portrait-platform--douyin{background:#111}.pepa-portrait-platform--xiaohongshu{background:#ff2442}.pepa-portrait-platform img{object-fit:contain;width:70%;height:70%;display:block}.pepa-portrait-views{color:var(--pepa-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fffffff0;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 5px #0000001f}.pepa-portrait-views svg{flex:none;width:13px;height:13px}.pepa-hero-example-note{color:var(--pepa-text-tertiary);font-size:10px;line-height:1.4}.pepa-portrait.small .pepa-portrait-inner{border-radius:var(--pepa-site-radius-card);border-width:4px}.pepa-hero-copy{text-align:center;z-index:3;width:76%;max-width:1040px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.pepa-eyebrow{letter-spacing:.2em;color:var(--pepa-text-secondary);margin:0 0 27px;font-size:14px}.pepa-hero-copy h1{font-family:var(--pepa-site-font-display);font-weight:var(--pepa-site-weight-display);letter-spacing:-.035em;margin:0;font-size:clamp(39px,4.15vw,67px);line-height:1.43}.pepa-hero-copy h1>span{white-space:nowrap;display:block}.pepa-hero-copy em{font-style:normal;display:inline-block;position:relative}.pepa-hero-underline{pointer-events:none;width:92%;height:14px;position:absolute;bottom:-8px;left:4%;overflow:visible}.pepa-hero-underline path{fill:none;stroke-width:3px;stroke-linecap:round}.pepa-principles{letter-spacing:.1em;color:var(--pepa-text-secondary);justify-content:center;align-items:center;margin:36px 0 34px;padding:0;font-size:15px;list-style:none;display:flex}.pepa-principles li+li:before{content:"";background:var(--pepa-border-control);border-radius:var(--pepa-site-radius-circle);vertical-align:middle;width:3px;height:3px;margin:0 19px;display:inline-block}.pepa-primary-action{border:1px solid color-mix(in srgb,var(--pepa-action-default) 85%,white);background:var(--pepa-action-default);min-width:224px;min-height:64px;color:var(--pepa-text-inverse);border-radius:var(--pepa-site-radius-pill);letter-spacing:.025em;box-shadow:0 8px 22px color-mix(in srgb,var(--pepa-action-default) 22%,transparent), inset 0 1px 0 #ffffff2e;justify-content:center;align-items:center;gap:28px;padding:17px 30px;font-size:17px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.pepa-primary-action svg{stroke-width:2.2px;width:22px;height:22px}.pepa-primary-action:hover{background:var(--pepa-action-hover);box-shadow:0 10px 26px color-mix(in srgb,var(--pepa-action-default) 28%,transparent), inset 0 1px 0 #ffffff2e}.pepa-primary-action:active{box-shadow:0 3px 10px color-mix(in srgb,var(--pepa-action-default) 18%,transparent), inset 0 1px 3px #0000001a}.pepa-action-note{color:var(--pepa-text-tertiary);letter-spacing:.035em;margin:18px 0 0;font-size:12px}.pepa-site-footer{z-index:10;background:linear-gradient(transparent,var(--pepa-bg-canvas) 45%);height:64px;color:var(--pepa-text-tertiary);justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.pepa-site-footer>span{letter-spacing:.08em;font-family:Avenir Next,sans-serif}.pepa-site-footer button{color:var(--pepa-text-secondary);background:0 0;border:0;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}@media (max-width:700px){.pepa-site-header{padding:22px 23px}.pepa-site-logo{width:auto}.pepa-site-reserve{gap:12px;padding:8px 14px;font-size:12px}.pepa-hero{min-height:780px}.pepa-portrait-stage{inset:87px 0 55px}.pepa-portrait{left:var(--mx);top:var(--my);width:var(--mw);transform:rotate(var(--mr))}.pepa-portrait-inner{border-radius:var(--pepa-site-radius-card);aspect-ratio:var(--mratio);border-width:3px}.pepa-portrait.small .pepa-portrait-inner{border-radius:var(--pepa-site-radius-card);border-width:3px}.pepa-portrait:nth-child(n+8){display:none}.pepa-hero-copy{width:94%;top:48.8%}.pepa-eyebrow{margin-bottom:22px;font-size:11px}.pepa-hero-copy h1{letter-spacing:-.045em;font-size:clamp(27px,6.7vw,43px);line-height:1.65}.pepa-principles{letter-spacing:.04em;margin:28px 0;font-size:12px}.pepa-principles li+li:before{margin:0 12px}.pepa-primary-action{gap:26px;min-width:208px;min-height:58px;padding:15px 28px;font-size:16px}.pepa-action-note{font-size:11px}.pepa-site-footer{height:55px;padding:0 23px}.pepa-site-footer>span{font-size:10px}.pepa-portrait-platform{border-radius:6px;width:21px;height:21px;top:5px;left:5px}.pepa-portrait-views{gap:3px;padding:4px 6px;font-size:9px;bottom:5px;left:5px}.pepa-portrait-views svg{width:11px;height:11px}.pepa-hero-example-note{font-size:9px;position:absolute;bottom:3px;left:23px}}.pepa-portrait-stage[data-market=china] .pepa-portrait-inner{aspect-ratio:3/4}@media (min-width:701px){.pepa-portrait-stage[data-market=china] .pepa-portrait{left:calc(var(--x) + var(--w) * .09);width:calc(var(--w) * .82)}}@media (max-width:600px){.pepa-site-footer{gap:6px}}@media (max-width:360px){.pepa-site-footer>span{max-width:82px}}}
@scope(.pepa-website){:scope{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}.website-demo-notice{color:var(--pepa-text-secondary);margin-bottom:24px;font-size:14px}.pepa-primary-action{display:inline-flex}.creator-plaza .plaza-search svg{position:static;transform:none}.plaza-location-controls select{width:auto;min-width:100px}}