@keyframes dreamAwake{0%{opacity:0;filter:blur(24px)brightness(1.5);transform:translate(-50%,-50%)scale(.92)}to{opacity:1;filter:blur()brightness();transform:translate(-50%,-50%)scale(1)}}@keyframes breathing{0%,to{background:#00000005;border-color:#0000000f;box-shadow:0 0 #0000}50%{background:#0000000f;border-color:#00000026;box-shadow:0 0 12px #00000014}}:root{--bg:#f3f1ed;--ink:#1d1b1b;--muted:#4f4d4a;--border:#c5c1bb;--paper:#fbf9f6;--parchment:#f1e2c5;--parchment-border:#d8c49d}*{box-sizing:border-box}html{background:var(--bg);scrollbar-width:none;-ms-overflow-style:none}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none;margin:0;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.lang-en .localized-zh,.lang-zh .localized-en{display:none!important}.home-page{gap:54px;max-width:760px;margin:0 auto;padding:78px 32px 110px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar-controls{flex:none;align-items:center;gap:10px;display:inline-flex}.update-notice{color:var(--muted);border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;line-height:1.4;animation:3s ease-in-out infinite breathing;display:inline-flex}.update-date{white-space:nowrap;font-size:12px}.update-link{color:var(--ink);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #0003;text-decoration:underline #0003;transition:text-decoration-color .2s}.update-link:hover,.project a:hover,.contact-links a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.lang-toggle{border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .2s,border-color .2s}.lang-toggle:hover{background:#f1eeea;border-color:#b6b2ac}.volume-control{min-height:30px;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.volume-icon{font-size:13px;line-height:1;transform:translateY(-1px)}.volume-control input{width:74px;accent-color:var(--ink);cursor:pointer}h1{letter-spacing:.01em;margin:0 0 18px;font-size:17px;font-weight:500;line-height:1.4}p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.55}.social-links{align-items:center;gap:12px;margin-bottom:8px;display:inline-flex}.social-link{color:var(--muted);align-items:center;gap:5px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.social-link:hover{color:var(--ink)}.social-name{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.social-divider{color:var(--border);-webkit-user-select:none;user-select:none;font-size:13px}.social-icon-xhs{opacity:.55;width:auto;height:12px;transition:opacity .2s}.social-link:hover .social-icon-xhs{opacity:.85}.crystal-globe-container{flex-direction:column;align-items:center;width:100%;margin:20px 0 0;display:flex}.crystal-globe-safe-area{--x:50%;--y:50%;--shake-x:0px;--shake-y:0px;--feather-mask:radial-gradient(circle farthest-side at 50% 50%, transparent 0 44.1%, #00000008 48.6%, #00000012 52.3%, #00000021 56.8%, #00000036 60.5%, #0000004f 65%, #0000006e 69.5%, #0000008f 73.2%, #000000b3 77.7%, #000000d6 81.4%, black 85.9%, black 100%);aspect-ratio:1;background:var(--bg);width:100%;max-width:720px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg);cursor:crosshair;isolation:isolate;position:relative;overflow:hidden}.feather-viewport-inner{background:var(--bg);width:110%;height:110%;transform:translate3d(var(--shake-x), var(--shake-y), 0);will-change:transform;border:none;position:absolute;top:-5%;left:-5%}.feather-contents{will-change:transform, filter, opacity;width:105%;height:105%;animation:4.3s cubic-bezier(.2,.8,.2,1) forwards dreamAwake;position:absolute;top:50%;left:50%}.feather-layer{position:absolute;inset:-2px}.feather-sharp{z-index:1;filter:brightness(.95)contrast(1.02)saturate(.92);inset:-3px;overflow:hidden}.feather-sharp video,.feather-sharp img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.feather-stars{z-index:4;pointer-events:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.feather-veil{z-index:3;-webkit-mask-image:var(--feather-mask);mask-image:var(--feather-mask);-webkit-mask-image:var(--feather-mask);pointer-events:none;inset:-3px}.feather-veil:before{content:"";background:var(--bg);position:absolute;inset:-2px}.gallery-caption{color:#6b6966;text-align:center;width:100%;margin:-20px 0 40px;font-size:12px;font-style:italic;line-height:1.5}.section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-label{color:#3a3a39;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px}.section-rule{background:var(--border);flex:1;height:1px}.project{margin-bottom:20px}.project a,.contact-links a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;font-size:14px;font-weight:600;transition:color .2s,text-decoration-color .2s}.project p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.45}.contact-block{gap:16px;margin-top:8px;display:grid}.contact-block p{margin-bottom:0}.contact-links{flex-wrap:wrap;gap:18px;font-size:15px;display:flex}.writing-page{max-width:760px;margin:0 auto;padding:54px 32px 112px}.writing-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:72px;display:flex}.writing-nav a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;font-size:13px;transition:text-decoration-color .2s}.writing-nav a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.writing-article{max-width:640px}.writing-header{margin-bottom:28px}.writing-kicker{color:#6b6966;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px}.writing-header h1{margin:0;font-size:34px;line-height:1.25}.writing-section-title{color:var(--ink);margin:0 0 28px;font-size:14px;line-height:1.45}.writing-body p{color:#2f2d2b;margin:0 0 26px;font-size:16px;line-height:1.95}.pixel-page{background:#f3f1ed;min-height:100vh;padding:48px 32px 88px}.pixel-nav{justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto 40px;display:flex}.pixel-nav a{color:var(--ink);text-underline-offset:3px;font-size:13px;text-decoration:underline}.pixel-tabs{border:1px solid var(--border);background:var(--paper);border-radius:8px;gap:6px;padding:4px;display:inline-flex}.pixel-tabs button{min-width:68px;height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 12px;font-size:12px}.pixel-tabs button.active{color:#f3f1ed;background:#1d1b1b}.pixel-hero{max-width:1040px;margin:0 auto 28px}.pixel-hero h1{margin-bottom:10px;font-size:18px}.pixel-hero p{max-width:620px}.pixel-stage{grid-template-columns:minmax(280px,560px) minmax(260px,420px);align-items:start;gap:28px;max-width:1040px;margin:0 auto;display:grid}.pixel-preview,.pixel-globe-preview{background:#111d2b;border:1px solid #c5c1bb;border-radius:8px;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.pixel-scene-canvas{aspect-ratio:1;width:min(100%,560px);image-rendering:pixelated;image-rendering:crisp-edges}.pixel-scene-canvas.framed{object-fit:cover;width:110%;max-width:none;height:110%;position:absolute;inset:-5%}.pixel-globe-preview{aspect-ratio:1;background:var(--bg);border-radius:0;min-height:0}.pixel-globe-veil{pointer-events:none;background:var(--bg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle farthest-side,#0000 0 44.1%,#00000008 48.6%,#00000012 52.3%,#00000021 56.8%,#00000036 60.5%,#0000004f 65%,#0000006e 69.5%,#0000008f 73.2%,#000000b3 77.7%,#000000d6 81.4%,#000 85.9% 100%);mask-image:radial-gradient(circle farthest-side,#0000 0 44.1%,#00000008 48.6%,#00000012 52.3%,#00000021 56.8%,#00000036 60.5%,#0000004f 65%,#0000006e 69.5%,#0000008f 73.2%,#000000b3 77.7%,#000000d6 81.4%,#000 85.9% 100%)}.skill-page{gap:42px;max-width:760px;margin:0 auto;padding:54px 32px 96px;display:grid}.skill-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.skill-nav a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;font-size:13px;transition:text-decoration-color .2s,background .2s}.skill-nav a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.skill-actions{align-items:center;gap:10px;display:inline-flex}.skill-download{border:1px solid var(--border);background:var(--paper);border-radius:6px;align-items:center;min-height:32px;padding:0 12px;display:inline-flex;text-decoration:none!important}.skill-download:hover{background:#f1eeea}.skill-hero{gap:12px;padding-top:8px;display:grid}.skill-kicker{color:#6b6966;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.skill-hero h1{margin:0;font-size:20px;line-height:1.35}.skill-hero p:last-child{max-width:680px;margin:0}.under-construction-page{grid-template-rows:auto 1fr;min-height:100vh}.under-construction-message{text-align:center;align-content:center;place-items:center;min-height:58vh;display:grid}.under-construction-message h1{margin:0;font-size:22px;line-height:1.35}.under-construction-message .skill-kicker{margin-bottom:12px}.skill-section{gap:16px;display:grid}.skill-section-head{align-items:center;gap:10px;display:flex}.skill-section-head span{color:#3a3a39;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px}.skill-section-head i{background:var(--border);flex:1;height:1px}.quick-start-list{gap:18px;display:grid}.quick-start-item{gap:6px;display:grid}.quick-start-item h2{color:var(--ink);margin:0;font-size:14px;font-weight:600}.quick-start-item p,.skill-copy p{margin:0}.skill-code-block{scrollbar-width:none;-ms-overflow-style:none;color:#e8d5bc;white-space:pre;tab-size:4;background:#2b2118;border:1px solid #3d3028;border-radius:14px;width:100%;margin:0;padding:14px 16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;font-weight:600;line-height:1.7;display:block;overflow:auto;box-shadow:0 3px #3d30282e}.skill-code-block::-webkit-scrollbar{display:none}.skill-code-block code{color:inherit;font-family:inherit}.code-token{color:#e8d5bc}.code-token-keyword{color:#d4a0e0}.code-token-name{color:#80c0e0}.code-token-path{color:#a8d4a0}.code-token-operator{color:#d4b896}.skill-copy{gap:14px;display:grid}.skill-quote-section{text-align:center;justify-items:center;gap:6px;padding-top:30px;display:grid}.skill-quote{max-width:520px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.skill-quote-by{color:#77736e;margin:0;font-size:11px;line-height:1.4}.reference-animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.reference-animation-link{color:inherit;gap:6px;text-decoration:none;display:grid}.reference-animation-link span{width:fit-content;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;font-size:14px;font-weight:600;transition:text-decoration-color .2s}.reference-animation-link:hover span{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.reference-animation-link p{margin:0;font-size:13px;line-height:1.45}.prompt-repository-page{gap:32px;max-width:760px;margin:0 auto;padding:54px 32px 96px;display:grid}.prompt-repository-nav{max-width:none}.prompt-repository-header{gap:12px;display:grid}.prompt-repository-header h1{margin:0;font-size:21px;line-height:1.35}.prompt-repository-header p:last-child{max-width:660px;margin:0}.prompt-repository-shell{grid-template-columns:minmax(168px,196px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.prompt-list-panel,.prompt-detail-panel{background:#fbf9f694;border-radius:8px}.prompt-list-panel{gap:12px;padding:12px;display:grid;position:sticky;top:24px}.prompt-panel-label{color:#77736e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;line-height:1.4}.prompt-list{gap:8px;display:grid}.prompt-list-item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;gap:5px;padding:10px;display:grid}.prompt-list-item.active{border-color:var(--border);background:var(--paper)}.prompt-list-item span{font-size:12px;font-weight:600;line-height:1.4}.prompt-list-item small{color:var(--muted);font-size:11px;line-height:1.4}.prompt-detail-panel{min-width:0;padding:14px}.prompt-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.prompt-detail-head h2{margin:6px 0 0;font-size:16px;line-height:1.35}.prompt-detail-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.prompt-detail-actions a{border:1px solid var(--border);background:var(--paper);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:7px 12px;font-size:12px;text-decoration:none}.prompt-overview{gap:12px;padding:14px 0 0;display:grid}.prompt-overview .prompt-markdown{padding:0}.prompt-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.prompt-preview-grid img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--paper);border-radius:8px;width:100%;display:block}.prompt-accordion-list{gap:10px;padding-top:14px;display:grid}.prompt-accordion{border:1px solid var(--border);background:#ffffff47;border-radius:8px;overflow:hidden}.prompt-content-header{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:3px 14px;font-size:13px;font-weight:600;display:flex}.prompt-copy-button{background:var(--paper);min-width:78px;min-height:30px;color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:6px;order:2;margin-left:auto;font-size:12px}.prompt-markdown{gap:12px;padding:0 14px 16px;display:grid}.prompt-markdown h2,.prompt-markdown h3,.prompt-markdown p,.prompt-markdown ul{margin:0}.prompt-markdown h2{font-size:16px;line-height:1.4}.prompt-markdown h3{padding-top:4px;font-size:14px;line-height:1.45}.prompt-markdown p,.prompt-markdown li{color:var(--muted);font-size:13px;line-height:1.65}.prompt-markdown ul{gap:7px;padding-left:18px;display:grid}.prompt-markdown code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px}.prompt-markdown p code,.prompt-markdown li code{color:var(--ink);background:#fbf9f6db;border:1px solid #c5c1bbb8;border-radius:4px;padding:1px 4px}.prompt-code-block{color:#f3f1ed;white-space:pre;background:#1f1e1c;border:1px solid #d4cec4;border-radius:7px;width:100%;margin:0;padding:14px;font-size:12px;line-height:1.7;overflow-x:auto}.prompt-code-block code{color:inherit}.prompt-plain-text{border-top:1px solid var(--parchment-border);color:#5b4f40;white-space:pre-wrap;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(#fbf1dc 0%,#f5e8cb 100%);width:100%;min-height:460px;max-height:54vh;margin:0;padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.prompt-plain-text::-webkit-scrollbar{display:none}.awesome-page{color:#20201f;width:min(100%,760px);margin:0 auto;padding:24px 32px 116px}.awesome-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:50px;display:flex}.awesome-nav a{color:var(--ink);text-underline-offset:4px;font-size:15px;-webkit-text-decoration:underline #1d1b1b5c;text-decoration:underline #1d1b1b5c;transition:text-decoration-color .2s}.awesome-nav a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.awesome-hero{gap:14px;margin-bottom:30px;display:grid}.awesome-kicker{color:#8b8782;letter-spacing:.06em;margin:0;font-size:13px;line-height:1.4}.awesome-hero h1{letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:1.18}.awesome-hero h1 span{color:#9b62d3}.awesome-hero p:last-child{color:#62605c;max-width:680px;margin:0;font-size:14px;line-height:1.68}.awesome-section{gap:16px;margin-top:26px;display:grid}.awesome-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.awesome-card{background:linear-gradient(135deg,#ffffffa3,#fbf9f661),#fbf9f694;border:1px solid #ddd7cf;border-radius:10px;min-height:58px;padding:14px 16px;position:relative;box-shadow:0 12px 30px #2c241c0e}.awesome-card-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:0;display:grid}.awesome-card h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px;line-height:1.35}.awesome-card h3 a{color:#20201f;text-underline-offset:3px;-webkit-text-decoration:underline #0003;text-decoration:underline #0003;transition:text-decoration-color .2s}.awesome-card h3 a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.awesome-tag{white-space:nowrap;border-radius:999px;justify-self:end;max-width:96px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1.1}.tone-purple{color:#9b58c7;background:#f2e8fb}.tone-green{color:#3d9b54;background:#e6f2e6}.tone-orange{color:#da7b30;background:#f8eadf}.tone-blue{color:#3185d5;background:#e4f0fb}.tone-sand{color:#9c7735;background:#f2ead8}.awesome-quote{z-index:20;color:#77736e;text-align:center;justify-items:center;gap:8px;width:min(100% - 64px,760px);margin:0 auto;display:grid;position:fixed;bottom:24px;left:0;right:0}.awesome-quote p,.awesome-quote span{margin:0;font-size:13px;line-height:1.45}@media (width<=600px){.home-page{padding:60px 18px 80px}.topbar{flex-direction:column-reverse;align-items:flex-end}.update-notice{border-radius:14px;flex-wrap:wrap;align-self:stretch}.crystal-globe-container{margin-top:16px}.pixel-page{padding:36px 18px 64px}.pixel-nav,.pixel-stage{grid-template-columns:1fr}.pixel-stage{gap:18px}.pixel-preview{min-height:auto}.skill-page{padding:38px 18px 72px}.skill-nav{flex-direction:column;align-items:flex-start}.skill-actions{flex-direction:column;align-items:stretch;width:100%}.skill-download{justify-content:center;width:100%}.reference-animation-grid{grid-template-columns:1fr}.prompt-repository-page{padding:38px 18px 72px}.prompt-repository-shell{grid-template-columns:1fr}.prompt-list-panel{position:static}.prompt-detail-head{flex-direction:column}.prompt-detail-actions{width:100%}.prompt-detail-actions a{text-align:center;flex:1}.prompt-preview-grid{grid-template-columns:1fr}.writing-page{padding:38px 18px 78px}.writing-nav{margin-bottom:48px}.writing-header h1{font-size:30px}}@media (width<=760px){.awesome-page{padding:22px 18px 96px}.awesome-nav{margin-bottom:46px}.awesome-hero h1{font-size:30px}.awesome-card-grid{grid-template-columns:1fr}.awesome-quote{width:calc(100% - 36px);bottom:18px}}