:root{color-scheme:light;--rf-color-bg:#fff;--rf-color-bg-subtle:#f6f6f4;--rf-color-fg:#000;--rf-color-fg-muted:#666;--rf-color-border:#e2e2df;--rf-color-accent:#1a1a1a;--rf-color-accent-fg:#fff;--rf-color-focus:#1a1a1a;--rf-font-sans:"ABC Areal", MiSans, "PingFang SC", "Microsoft YaHei", sans-serif;--rf-font-serif:"Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;--rf-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--rf-text-xs:.75rem;--rf-text-sm:.875rem;--rf-text-base:1rem;--rf-text-lg:1.125rem;--rf-text-xl:1.5rem;--rf-text-2xl:2rem;--rf-text-3xl:3rem;--rf-leading-tight:1.2;--rf-leading-normal:1.6;--rf-leading-relaxed:1.8;--rf-space-1:.25rem;--rf-space-2:.5rem;--rf-space-3:.75rem;--rf-space-4:1rem;--rf-space-5:1.5rem;--rf-space-6:2rem;--rf-space-7:3rem;--rf-space-8:4rem;--rf-space-9:6rem;--rf-space-10:8rem;--rf-container:72rem;--rf-gutter:clamp(1rem, 4vw, 2.5rem);--rf-grid-columns:12;--rf-border-width:1px;--rf-radius-sm:2px;--rf-radius-md:6px;--rf-radius-lg:12px;--rf-radius-full:999px;--rf-z-base:0;--rf-z-dropdown:100;--rf-z-sticky:200;--rf-z-overlay:300;--rf-z-modal:400;--rf-duration-fast:.12s;--rf-duration-base:.2s;--rf-ease-out:cubic-bezier(.22, 1, .36, 1);--rf-note-coral:#e8b6a9;--rf-note-peach:#f2d4b2;--rf-note-yellow:#f6e0a9;--rf-note-green:#cce8c5;--rf-note-mint:#cef0ef;--rf-note-blue:#bbdaf9;--rf-note-purple:#cbc6f7;--rf-note-pink:#e6b6d7}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--rf-color-bg);color:var(--rf-color-fg)}body{font-family:var(--rf-font-sans);word-break:normal;overflow-wrap:normal;text-align:start;text-autospace:normal;font-kerning:normal;margin:0;font-size:18px;font-weight:300;line-height:22px}:lang(zh){line-break:strict;hyphens:manual}:lang(en){line-break:auto;word-break:normal;hyphens:manual}@supports (text-spacing-trim:trim-start){:lang(zh){text-spacing-trim:trim-start}}@supports not (text-autospace:normal){.mixed-before{margin-inline-start:.125em}.mixed-after{margin-inline-end:.125em}}button,a{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}a,.footer button{text-underline-offset:2px;text-decoration:underline .65px}a:hover,.footer button:hover{opacity:.6}button:focus-visible,a:focus-visible{outline-offset:5px;outline:1px solid}p,h1,h2,dl,dd{margin:0}.studio{isolation:isolate;flex-direction:column;min-height:100svh;padding:30px;display:flex;position:relative;overflow:clip}.introduction{z-index:1;flex:none;width:calc(33.3333% - 6.66667px);position:relative}.introduction h1,.introduction h2{font:inherit;align-items:center;gap:6px;display:flex}.bullet{background:currentColor;border-radius:50%;flex:none;width:13px;height:13px;display:inline-block}.introduction p,.introduction h2{margin-top:22px}.credits{z-index:1;position:relative}.credits dl{gap:25px;display:flex}.credits dt{min-width:90px}.footer{z-index:1000;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:50px;font-size:16px;line-height:22px;display:flex;position:relative}.footer-left,.footer-right,.company{pointer-events:auto}.footer-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.company{text-align:left}.footer-beian{flex-wrap:wrap;justify-content:flex-end;gap:0 12px;font-size:12px;line-height:16px;display:flex}.footer-beian a{opacity:.7}.footer-beian a:hover,.footer-beian a:focus-visible{opacity:1}.notes{z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0}.note{--paper:var(--rf-note-yellow);pointer-events:auto;touch-action:none;width:280px;height:280px;transform:translate(-50%, -50%) rotate(var(--angle,0deg));visibility:hidden;position:absolute;container-type:inline-size}.notes.ready .note{visibility:visible}.note-paper{width:100%;height:100%;transform-style:preserve-3d;cursor:grab;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.note-toggle{width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.note-face{pointer-events:none}.note-link{pointer-events:auto;text-decoration:none}.note-link:hover,.note-link:focus-visible{opacity:1;text-decoration:underline}.note.flipped .note-paper{transform:rotateY(180deg)}.note.dragging .note-paper{cursor:grabbing}.note-face{backface-visibility:hidden;background:linear-gradient(178deg, #fff2 0%, transparent 12%, transparent 78%, #00000008 100%), var(--paper);border-radius:1px 1px 3px 2px;display:block;position:absolute;inset:0;box-shadow:0 1px 2px #36230d12,2px 7px 12px -7px #36230d45,5px 18px 19px -15px #36230d42}.note-face:after{content:"";pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.note-back{text-align:left;transform:rotateY(180deg)}.note-copy{flex-direction:column;gap:1.35em;padding:8% 10%;font-size:18.544px;line-height:1.4;display:flex}.note-nowrap{white-space:nowrap}.note-image{object-fit:cover;mix-blend-mode:overlay;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:92%;height:92%;position:absolute;inset:4%}.note-corner{z-index:2;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 12a7 7 0 1 1-2-5M17 2v5h5' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M19 12a7 7 0 1 1-2-5M17 2v5h5' fill='none' stroke='%23222' stroke-width='1.5'/%3E%3C/svg%3E") 12 12,crosshair;width:28px;height:28px;position:absolute}.nw{top:-8px;left:-8px}.ne{top:-8px;right:-8px}.sw{bottom:-8px;left:-8px}.se{bottom:-8px;right:-8px}.note.dragging .note-face{box-shadow:2px 8px 15px -4px #36230d35,8px 22px 25px -13px #36230d38}@media (width<=767px){.studio{min-height:max(100svh,900px)}.introduction{width:100%}.footer{flex-direction:column;align-items:flex-start;gap:6px}.footer-right{align-items:flex-start}.footer-beian{justify-content:flex-start}.note{width:min(224px,48vw);height:min(224px,48vw)}.note-copy{font-size:min(15.124px,3.268vw)}.note-corner{display:none}}@media (pointer:coarse){.note-corner{display:none}}@media (prefers-reduced-motion:reduce){.note-paper{transition:none}}