:root{--pink:#ff8fa3;--pink-light:#ffb3c1;--pink-dark:#e8758a;--pink-deep:#d45e75;--pink-soft:#fff0f3;--pink-mist:#fff7f9;--bg:#fff0f3;--card:#fff;--boot-bg:#fff0f3;--ink:#5d4050;--ink-2:#a08090;--ink-3:#c8a8b8;--line:#ffe0e8;--line-2:#ffedf1;--green:#5f8f34;--green-soft:#edf5e4;--amber:#b26a00;--amber-soft:#fff6e6;--radius:16px;--radius-lg:22px;--radius-pill:999px;--maxw-wide:1120px;--maxw-prose:720px;--maxw:1000px;--shadow-sm:0 1px 2px #5d40500d, 0 4px 12px #5d40500d;--shadow:0 2px 4px #5d40500a, 0 12px 30px #5d405012;--shadow-lg:0 8px 20px #5d405012, 0 30px 60px #5d40501a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1000px 520px at 92% -120px, #ffb3c14d, transparent 62%), radial-gradient(760px 420px at -6% 14%, #ffe0e88c, transparent 60%), var(--bg);background-attachment:fixed;margin:0;font:16px/1.78 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:var(--pink-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .55em;line-height:1.34}h1{font-size:30px;font-weight:700}h2{margin-top:2.2em;font-size:20px;font-weight:700}h3{margin-top:1.7em;font-size:16.5px;font-weight:600}p,li{margin:.62em 0}ul,ol{padding-left:1.35em}li{margin:.34em 0}b,strong{color:var(--ink);font-weight:600}code{background:#ff8fa321;border-radius:6px;padding:.12em .44em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.wrap{max-width:var(--maxw-wide);z-index:1;margin:0 auto;padding:0 24px;position:relative}.wrap.narrow{max-width:var(--maxw-prose)}.wrap.mid{max-width:var(--maxw)}main{padding:0 0 80px;display:block}section[id]{scroll-margin-top:78px}.sec{margin-top:76px}.sec-h{text-align:center;margin-bottom:30px}.sec-h .eyebrow{letter-spacing:.16em;color:var(--pink-dark);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);margin-bottom:12px;padding:4px 13px;font-size:12px;font-weight:600;display:inline-block}.sec-h h2{letter-spacing:-.015em;margin:0 0 8px;font-size:27px;font-weight:700}.sec-h p{color:var(--ink-2);margin:0;font-size:15.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px}.card+.card{margin-top:14px}h2+.card,h3+.card{margin-top:.8em}.card--accent{border-left:3px solid var(--pink);background:linear-gradient(180deg,var(--pink-mist),var(--card))}.card--green{border-left:3px solid var(--green);background:linear-gradient(180deg,var(--green-soft),var(--card))}.card--amber{border-left:3px solid var(--amber);background:linear-gradient(180deg,var(--amber-soft),var(--card))}.muted{color:var(--ink-2)}.small{font-size:14px}.tagline{color:var(--ink-2);font-size:17px}.shot{border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow-lg);background:var(--card);display:block}.shot--flat{box-shadow:var(--shadow);border-color:var(--line-2)}.device{border:1px solid var(--line);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffffe6;background:linear-gradient(160deg,#fff,#fff4f6);border-radius:32px;padding:9px;position:relative}.device img{background:var(--pink-mist);border-radius:24px;width:100%;height:auto;animation:.28s ease-out both shot-in;display:block}@keyframes shot-in{0%{opacity:0}to{opacity:1}}.device:before{content:"";background:var(--line);z-index:2;pointer-events:none;border-radius:99px;width:70px;height:4px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.features{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;margin-top:8px;display:grid}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px 24px 22px;transition:transform .22s,box-shadow .22s,border-color .22s}.feature:hover{box-shadow:var(--shadow);border-color:var(--pink-light);transform:translateY(-3px)}.feature h3{margin:12px 0 8px;font-size:17px}.feature p{color:var(--ink-2);margin-bottom:0;font-size:14.8px;line-height:1.72}.ico{background:var(--pink-soft);width:42px;height:42px;color:var(--pink-dark);border:1px solid var(--line);border-radius:13px;place-items:center;display:grid}.ico svg{width:21px;height:21px;display:block}.btn{background:var(--pink);color:#fff;border-radius:var(--radius-pill);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15.5px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 14px #ff8fa357}.btn:hover{background:var(--pink-dark);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 18px #ff8fa366}.btn:active{transform:translateY(0)}.btn.ghost{background:var(--card);color:var(--pink-dark);border:1.5px solid var(--pink-light);box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:var(--pink-mist);border-color:var(--pink);box-shadow:var(--shadow-sm)}.btn--lg{padding:15px 34px;font-size:16.5px}.btn[aria-disabled=true],.btn.is-pending{background:var(--pink-light);box-shadow:none;cursor:default;pointer-events:none}.page-head{border-bottom:1px solid var(--line);margin-bottom:26px;padding-bottom:18px}.page-head h1{margin-bottom:6px}.page-head .updated{color:var(--ink-3);margin:0;font-size:14px}.updated{color:var(--ink-3);font-size:14px}table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14.8px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 13px}th{background:var(--pink-mist);color:var(--ink);font-size:14px;font-weight:600}tr:last-child td{border-bottom:none}.note{background:var(--pink-mist);border-left:3px solid var(--pink);border-radius:10px;margin:16px 0;padding:13px 17px;font-size:15px}.note--green{background:var(--green-soft);border-left-color:var(--green)}.note--amber{background:var(--amber-soft);border-left-color:var(--amber)}.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 0 26px;padding:18px 22px}.toc p{letter-spacing:.08em;color:var(--ink-3);margin:0 0 10px;font-size:13px;font-weight:600}.toc ol{columns:2;column-gap:30px;margin:0;padding-left:1.5em;font-size:15px}.toc li{break-inside:avoid;margin:.28em 0}.prose h2{margin-top:2.4em;scroll-margin-top:78px}.faq{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;color:var(--ink);padding:16px 50px 16px 20px;font-size:15.5px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--pink-dark);border-bottom:2px solid var(--pink-dark);width:9px;height:9px;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-70%)rotate(45deg)}.faq[open] summary{border-bottom:1px solid var(--line-2)}.faq[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq .a{color:var(--ink-2);margin:0;padding:14px 20px 18px;font-size:15px}.faq[open] .a{animation:.24s both faq-in}@keyframes faq-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.site-header .bar>*,.wrap>*{min-width:0}.device>img,.feat-shot>img,.gal .frame>img{min-height:0}@supports (height:100svh){.hero{--vh:100svh}}img{vertical-align:middle}@media (width<=720px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (width<=860px){.sec{margin-top:56px}.sec-h h2{font-size:23px}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gal .frame{height:auto;max-height:none}}@media (width<=600px){h1{font-size:25px}h2{font-size:18.5px}main{padding-bottom:56px}.wrap{padding:0 18px}.card{padding:18px 17px}.toc ol{columns:1}.btn{width:100%}.btn.ghost{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.site-header,.site-footer{display:none}.card,.toc,.faq{box-shadow:none;border:1px solid #ddd}.faq .a{display:block!important}}*{scrollbar-width:thin;scrollbar-color:var(--pink-light) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pink-light);border:2px solid var(--bg);border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}::-webkit-scrollbar-thumb:active{background:var(--pink-dark)}::-webkit-scrollbar-corner{background:0 0}.site-header{view-transition-name:site-header}@view-transition{navigation:auto}::view-transition-old(root){animation:.12s ease-in forwards vt-out}@keyframes vt-out{to{opacity:0}}::view-transition-new(root){animation:.16s ease-out forwards vt-in}@keyframes vt-in{0%{opacity:0}}::view-transition-group(site-header){animation:none}::view-transition-old(site-header){opacity:1;mix-blend-mode:normal;animation:none}::view-transition-new(site-header){opacity:1;mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.brand-loader[data-v-198fe538]{flex-direction:column;align-items:center;gap:16px;padding:84px 22px 0;display:flex}.logo[data-v-198fe538]{border-radius:13px;box-shadow:0 8px 20px #5d40501f}.bar[data-v-198fe538]{background:var(--line);border-radius:99px;width:132px;height:3px;overflow:hidden}.bar span[data-v-198fe538]{background:linear-gradient(90deg, var(--pink-light), var(--pink));border-radius:99px;width:44%;height:100%;animation:1.1s ease-in-out infinite boot-slide-198fe538;display:block}@keyframes boot-slide-198fe538{0%{transform:translate(-100%)}to{transform:translate(320%)}}
