*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg,canvas{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus,#6e5bff);outline-offset:3px;border-radius:6px}html[data-ui=zh] .en,html[data-ui=en] .zh{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;width:1.1em;height:1.1em}.demo{width:100%;max-width:360px;position:relative}.phone{border:10px solid var(--ph-frame,#1a1446);height:640px;box-shadow:var(--ph-shadow,0 40px 80px -40px #00000080);font-family:var(--ph-font,system-ui, sans-serif);color:#1c1e21;background:#fff;border-radius:42px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-top{border-bottom:1px solid #e9e9ee;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.chat-avatar{width:36px;height:36px;color:var(--ph-accent,#2a0f2e);--logo-ink:var(--ph-accent-ink,#fff);flex:none}.chat-title{font-size:.92rem;font-weight:700;line-height:1.3}.chat-title small{color:#6b6f7a;font-size:.75rem;font-weight:400;display:block}.chat-log{background:var(--ph-wall,#ece5dd);scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:14px 12px 16px;display:flex;overflow-y:auto}.chat-log::-webkit-scrollbar{display:none}.day-chip{color:#6b6f7a;background:#fff;border-radius:8px;align-self:center;padding:2px 10px;font-size:.72rem}.msg{background:#fff;border-radius:4px 12px 12px;max-width:88%;padding:6px;font-size:.86rem;line-height:1.55;box-shadow:0 1px #0000000f}.msg-in{align-self:flex-start}.msg-out{background:#d9fdd3;border-radius:12px 4px 12px 12px;align-self:flex-end;padding:6px 10px}.msg-name{color:var(--ph-name,#8c2155);padding:0 4px 4px;font-size:.75rem;font-weight:700}.msg-body{padding:0 4px}.msg-time{text-align:right;color:#6b6f7a;margin-top:2px;padding-right:2px;font-size:.66rem;display:block}.msg-post{position:relative}.post{border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden}.post img{aspect-ratio:16/10;object-fit:cover;width:100%}.post-meta{font-size:.8rem;font-weight:700;display:block}.approve-mark{pointer-events:none;opacity:0;position:absolute}.typing{gap:4px;padding:8px;display:inline-flex}.typing i{background:#9aa3b5;border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.replybar{background:#fff;border-top:1px solid #e9e9ee;padding:10px 10px 14px}.replybar-label{color:#6b6f7a;margin:0 0 6px 2px;font-size:.72rem;display:block}.chips{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.chip{cursor:pointer;color:#1c1e21;background:#fff;border:1px solid #d5d7de;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;line-height:1.2;transition:transform .15s,border-color .15s;display:flex}.chip b{font-size:1.05rem}.chip span{color:#4a4f5c;white-space:nowrap;font-size:.68rem}.chip:hover:not([disabled]){border-color:#1c1e21;transform:translateY(-2px)}.chip-go{background:var(--ph-go,#1f9d6e);border-color:var(--ph-go,#1f9d6e);color:var(--ph-go-ink,#fff)}.chip-go span{color:inherit;opacity:.85}.chip-go:hover:not([disabled]){border-color:var(--ph-go,#1f9d6e);filter:brightness(1.08)}.chip[disabled]{opacity:.45;cursor:default}.demo:not(.is-touched) .chip-go{animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--ph-pulse,#1f9d6e8c)}to{box-shadow:0 0 0 12px #0000}}.demo-foot{justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-top:14px;display:flex}.hint{align-items:center;gap:8px;padding-left:22px;font-size:.92rem;font-weight:600;transition:opacity .3s;display:flex}.hint svg{width:22px;height:22px}.demo.is-touched .hint{opacity:0}.replay{cursor:pointer;text-underline-offset:3px;visibility:hidden;background:0 0;border:0;margin-left:auto;font-size:.88rem;font-weight:600;text-decoration:underline}.demo.is-done .replay{visibility:visible}.fmt-visual{aspect-ratio:4/5;border-radius:var(--fmt-radius,18px);background:var(--fmt-bg,#f3eef8);position:relative;overflow:hidden}.fmt-photo img,.fmt-reel img{object-fit:cover;width:100%;height:100%}.fmt-info .fmt-visual{background:var(--fmt-info-bg,#fde7c8);color:var(--fmt-info-ink,#3b1d0f);flex-direction:column;gap:10px;padding:22px 20px;display:flex}.info-kicker{opacity:.75;font-size:.78rem;font-weight:700}.info-title{font-size:1.5rem;font-weight:900;line-height:1.2}.fmt-info ol{counter-reset:s;gap:8px;margin-top:auto;display:grid}.fmt-info li{counter-increment:s;background:#ffffff8c;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:.92rem;font-weight:600;display:flex}.fmt-info li:before{content:counter(s);background:var(--fmt-info-ink,#3b1d0f);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid}.fmt-carousel .fmt-visual{background:var(--fmt-car-bg,#e4dcff)}.slide{background:#fff;border-radius:14px;position:absolute;inset:14% 16% 18% 10%;box-shadow:0 10px 24px -14px #0006}.slide-back3{background:var(--fmt-car-3,#cfc4ff);transform:translate(30px,12px)rotate(9deg)}.slide-back2{background:var(--fmt-car-2,#b7a7ff);transform:translate(20px,8px)rotate(6deg)}.slide-back1{background:var(--fmt-car-1,#9d89ff);transform:translate(10px,4px)rotate(3deg)}.slide-front{background:var(--fmt-car-front,#fff);color:var(--fmt-car-ink,#1a1446);flex-direction:column;padding:16px;display:flex}.slide-count{opacity:.6;font-size:.72rem;font-weight:700}.slide-title{margin-top:auto;font-size:1.12rem;font-weight:900;line-height:1.3}.slide-dots{gap:5px;margin-top:12px;display:flex}.slide-dots i{opacity:.25;background:currentColor;border-radius:50%;width:6px;height:6px}.slide-dots i:first-child{opacity:1;border-radius:3px;width:16px}.reel-play{color:#1a1446;background:#ffffffe6;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:12px;left:12px}.reel-len{color:#fff;text-shadow:0 1px 4px #0009;font-size:.78rem;font-weight:700;position:absolute;bottom:16px;right:12px}.paper{color:#231a2e;border-radius:var(--rp-radius,18px);box-shadow:var(--rp-shadow,0 40px 80px -40px #00000073);background:#fff;padding:26px 26px 22px;font-size:.92rem}.masthead{border-bottom:2px solid var(--rp-rule,#231a2e);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.masthead h3{font-size:1.25rem}.masthead p{color:#6b6474;margin-top:2px;font-size:.8rem}.sample-tag{background:var(--rp-tag,#f5e6ff);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.kpis{border-bottom:1px solid #ece8f0;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px 0;display:grid}.kpi{flex-direction:column;gap:2px;min-width:0;display:flex}.kpi-label{color:#6b6474;font-size:.72rem}.kpi-val{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.kpi-delta{color:#1f8a5b;font-size:.72rem;font-weight:700}.kpi-delta.is-flat{color:#6b6474}.charts{border-bottom:1px solid #ece8f0;grid-template-columns:1.1fr 1fr;gap:22px;padding:16px 0;display:grid}.chart h4{margin-bottom:8px;font-size:.8rem}#daily-chart .axis{stroke:#d9d3e0;stroke-width:1px}#daily-chart .bar{fill:var(--rp-bar,#b9a6d6)}#daily-chart .bar.is-peak{fill:var(--rp-peak,#5b2a8c)}#daily-chart .tick{fill:#6b6474;font-size:10px}#daily-chart .bar-label{fill:#231a2e;font-size:10px;font-weight:700}.hbar{grid-template-columns:72px 1fr 44px;align-items:center;gap:8px;margin-bottom:8px;font-size:.78rem;display:grid}.hbar-track{background:#f1edf5;border-radius:5px;height:10px;overflow:hidden}.hbar-fill{height:100%;width:var(--w);background:var(--rp-peak,#5b2a8c);transform-origin:0;border-radius:5px;display:block}.hbar-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.dash-note{color:#6b6474;margin-top:6px;font-size:.74rem}.analysis{padding-top:14px;line-height:1.7}@media (max-width:600px){.phone{height:600px}.paper{padding:20px 16px}.kpis{grid-template-columns:repeat(3,1fr);row-gap:14px}.charts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
