.my-loader{height:30px;aspect-ratio:2.5;--_g: no-repeat radial-gradient(farthest-side, var(--app-text) 90%, #0000);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;animation:my-loader-l44 1s infinite linear alternate}@keyframes my-loader-l44{0%,5%{background-position:0% 50%,calc(1 * 100% / 3) 50%,calc(2 * 100% / 3) 50%,100% 50%}12.5%{background-position:0% 0,calc(1 * 100% / 3) 50%,calc(2 * 100% / 3) 50%,100% 50%}25%{background-position:0% 0,calc(1 * 100% / 3) 0,calc(2 * 100% / 3) 50%,100% 50%}37.5%{background-position:0% 100%,calc(1 * 100% / 3) 0,calc(2 * 100% / 3) 0,100% 50%}50%{background-position:0% 100%,calc(1 * 100% / 3) 100%,calc(2 * 100% / 3) 0,100% 0}62.5%{background-position:0% 50%,calc(1 * 100% / 3) 100%,calc(2 * 100% / 3) 100%,100% 0}75%{background-position:0% 50%,calc(1 * 100% / 3) 50%,calc(2 * 100% / 3) 100%,100% 100%}87.5%{background-position:0% 50%,calc(1 * 100% / 3) 50%,calc(2 * 100% / 3) 50%,100% 100%}95%,to{background-position:0% 50%,calc(1 * 100% / 3) 50%,calc(2 * 100% / 3) 50%,100% 50%}}:root,html[data-theme=light],html[data-theme=gemini]{color-scheme:light;--app-bg: #f7faff;--app-bg-elevated: #ffffff;--app-surface: #ffffff;--app-surface-solid: #ffffff;--app-surface-sunken: #eef4ff;--app-border: #d8e2f0;--app-border-strong: #b8c7dc;--app-text: #1f2937;--app-text-muted: #5f6b7a;--app-text-soft: #8a96a8;--app-blue: #1a73e8;--app-blue-hover: #1558b0;--accent: #1a73e8;--accent-hover: #1558b0;--accent-weak: rgba(26, 115, 232, .1);--accent-weak-hover: rgba(26, 115, 232, .16);--accent-line: rgba(26, 115, 232, .24);--accent-selection: rgba(26, 115, 232, .18);--app-on-accent: #ffffff;--app-green: #188038;--app-orange: #f29900;--app-red: #d93025;--app-header-bg: rgba(247, 250, 255, .9);--app-hover-bg: rgba(66, 133, 244, .08);--app-overlay: rgba(24, 35, 52, .42);--app-soft-rule: rgba(95, 107, 122, .25);--app-radius-sm: 8px;--app-radius-md: 12px;--app-radius-lg: 16px;--app-radius-xl: 20px;--app-radius-pill: 999px;--app-shadow-sm: 0 1px 2px rgba(60, 64, 67, .08);--app-shadow-md: 0 8px 24px rgba(60, 64, 67, .1);--app-shadow-popover: 0 18px 44px rgba(60, 64, 67, .16);--app-blur-bg: none;--app-motion-duration: .18s;--app-ease: cubic-bezier(.2, 0, 0, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", "Roboto", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: var(--font-sans);--font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--scrollbar-size: 10px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(95, 107, 122, .34);--scrollbar-thumb-hover: rgba(95, 107, 122, .54)}html[data-theme=lime],html[data-theme=gpt]{color-scheme:light;--app-bg: #f7f7f4;--app-bg-elevated: #ffffff;--app-surface: #ffffff;--app-surface-solid: #ffffff;--app-surface-sunken: #ecefeb;--app-border: #d9ded7;--app-border-strong: #bbc4b8;--app-text: #1f2320;--app-text-muted: #606761;--app-text-soft: #8e968f;--app-blue: #10a37f;--app-blue-hover: #0d8c6d;--accent: #10a37f;--accent-hover: #0d8c6d;--accent-weak: rgba(16, 163, 127, .1);--accent-weak-hover: rgba(16, 163, 127, .16);--accent-line: rgba(16, 163, 127, .24);--accent-selection: rgba(16, 163, 127, .18);--app-on-accent: #ffffff;--app-green: #0f7b62;--app-orange: #b66b17;--app-red: #b42318;--app-header-bg: rgba(247, 247, 244, .92);--app-hover-bg: rgba(64, 75, 67, .08);--app-overlay: rgba(31, 35, 32, .42);--app-soft-rule: rgba(96, 103, 97, .25);--app-shadow-sm: 0 1px 2px rgba(31, 35, 32, .06);--app-shadow-md: 0 8px 24px rgba(31, 35, 32, .09);--app-shadow-popover: 0 18px 44px rgba(31, 35, 32, .14);--font-display: var(--font-sans);--scrollbar-thumb: rgba(96, 103, 97, .34);--scrollbar-thumb-hover: rgba(96, 103, 97, .54)}html[data-theme=brown],html[data-theme=claude]{color-scheme:light;--app-bg: #f7f4ee;--app-bg-elevated: #fffdf8;--app-surface: #fffdf8;--app-surface-solid: #fffdf8;--app-surface-sunken: #f1ece2;--app-border: #e8e1d4;--app-border-strong: #d8cfbd;--app-text: #2a2420;--app-text-muted: #6b6359;--app-text-soft: #9a9286;--app-blue: #bd5836;--app-blue-hover: #a44b2b;--accent: #bd5836;--accent-hover: #a44b2b;--accent-weak: rgba(189, 88, 54, .1);--accent-weak-hover: rgba(189, 88, 54, .16);--accent-line: rgba(189, 88, 54, .22);--accent-selection: rgba(189, 88, 54, .18);--app-on-accent: #fffdf8;--app-green: #5d7a4a;--app-orange: #b9822f;--app-red: #b4472f;--app-header-bg: rgba(247, 244, 238, .9);--app-hover-bg: rgba(120, 105, 85, .08);--app-overlay: rgba(42, 36, 32, .45);--app-soft-rule: rgba(120, 105, 85, .3);--app-shadow-sm: 0 1px 2px rgba(60, 45, 30, .05);--app-shadow-md: 0 6px 20px rgba(60, 45, 30, .07);--app-shadow-popover: 0 16px 40px rgba(60, 45, 30, .12);--font-display: "Georgia", "Times New Roman", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "PingFang SC", serif;--scrollbar-thumb: rgba(120, 105, 85, .38);--scrollbar-thumb-hover: rgba(120, 105, 85, .58)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scrollbar-gutter:stable;background:var(--app-bg)}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--app-text);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent-selection)}a,button,.btn,.button-primary,.button-secondary,.button-ghost,.card-surface,.project-card,.demo-card,.live-demo-card,.user-card,.preview-card,.category-card,.search-trigger,.login-register-btn,.sort-chip,.tag-chip,.back-link,.page-button,.page-number,.text-link{transition:background-color var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease),color var(--app-motion-duration) var(--app-ease),box-shadow var(--app-motion-duration) var(--app-ease),transform var(--app-motion-duration) var(--app-ease),opacity var(--app-motion-duration) var(--app-ease)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.button-primary,.button-secondary,.button-ghost{height:42px;padding:0 18px;border-radius:var(--app-radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid transparent}.button-primary{background:var(--accent);color:var(--app-on-accent);border-color:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.button-secondary{background:var(--accent-weak);color:var(--accent);border-color:var(--accent-line)}.button-secondary:hover:not(:disabled){background:var(--accent-weak-hover);transform:translateY(-1px)}.button-ghost{background:var(--app-surface);color:var(--app-text);border-color:var(--app-border)}.button-ghost:hover:not(:disabled){border-color:var(--app-border-strong);background:var(--app-bg-elevated);transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-small{height:38px;padding:0 14px;font-size:14px}.button-compact{height:36px;padding:0 13px;font-size:14px;border-radius:var(--app-radius-sm)}.tag-chip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:var(--app-radius-pill, 999px);border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);font-size:12.5px}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:600}.text-link:hover{color:var(--accent-hover)}.app-toast{display:inline-flex!important;align-items:flex-start;gap:12px;min-height:52px;max-width:min(390px,calc(100vw - 28px));padding:12px 14px!important;border:1px solid var(--app-border);border-radius:var(--app-radius-md)!important;background:var(--app-surface)!important;color:var(--app-text)!important;box-shadow:var(--app-shadow-md)!important;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:0}.app-toast:before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;margin-top:1px;border-radius:999px;background:var(--toast-bg, var(--app-surface-sunken));color:var(--toast-accent, var(--app-text-muted));font-size:13px;font-weight:800;line-height:1}.app-toast.toastify{right:18px;transition:opacity .16s var(--app-ease)!important}.app-toast.toast-info{--toast-accent: var(--accent);--toast-bg: var(--accent-weak)}.app-toast.toast-success{--toast-accent: var(--app-green);--toast-bg: rgba(93, 122, 74, .14)}.app-toast.toast-success:before{content:"✓"}.app-toast.toast-warning{--toast-accent: var(--app-orange);--toast-bg: rgba(185, 130, 47, .16)}.app-toast.toast-warning:before{content:"!"}.app-toast.toast-error{--toast-accent: var(--app-red);--toast-bg: rgba(180, 71, 47, .14)}.app-toast.toast-error:before{content:"!"}.app-toast .toast-close{width:24px;height:24px;margin:-2px -4px 0 auto;border-radius:var(--app-radius-sm);color:var(--app-text-soft);opacity:.9;text-align:center;line-height:22px}.app-toast .toast-close:hover{background:var(--app-surface-sunken);color:var(--app-text)}@media (max-width: 768px){.app-toast.toastify{left:14px!important;right:14px!important;width:auto!important;max-width:none;transform:none!important}.app-toast{align-items:flex-start;padding:12px 13px!important;white-space:normal;overflow-wrap:anywhere}.app-toast .toast-close{flex:0 0 auto;margin-left:auto;padding-left:8px}}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.footer[data-v-5ae74679]{padding:8px 0 28px}.footer-inner[data-v-5ae74679]{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 0;border-top:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--app-text-soft);font-size:13px}.footer-copy[data-v-5ae74679],.footer-links[data-v-5ae74679]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-divider[data-v-5ae74679]{width:4px;height:4px;border-radius:50%;background:#7869554d}.footer-links a[data-v-5ae74679]{color:var(--app-text-muted);text-decoration:none}.footer-links a[data-v-5ae74679]:hover{color:var(--app-blue)}@media (max-width: 840px){.footer-inner[data-v-5ae74679]{width:min(100%,calc(100% - 24px));flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.footer-inner[data-v-5ae74679]{width:min(100%,calc(100% - 16px))}}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}.auth-overlay[data-v-273cf94b]{position:fixed;top:0;left:0;z-index:10030;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#2a242073;overflow:auto;padding:32px 18px}.auth-container[data-v-273cf94b],.info-card[data-v-273cf94b]{position:relative;width:min(430px,100%);margin:auto;overflow:hidden;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-surface);box-shadow:var(--app-shadow-popover);z-index:10031}.flex-center[data-v-273cf94b]{display:flex;justify-content:center;align-items:center}.loading[data-v-273cf94b]{position:absolute;inset:auto;min-height:330px;z-index:10032;background:var(--app-surface)}.auth-header[data-v-273cf94b]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 22px 8px}.auth-close[data-v-273cf94b]{flex:0 0 auto;height:34px;width:34px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface) url("data:image/svg+xml,%3csvg%20fill='%23000000'%20width='24px'%20height='24px'%20viewBox='-0.18%20-0.18%200.72%200.72'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMin'%20class='jam%20jam-close'%3e%3cpath%20d='m0.219%200.177%200.106%20-0.106A0.03%200.03%200%201%200%200.283%200.028L0.177%200.135%200.071%200.028A0.03%200.03%200%201%200%200.028%200.071l0.106%200.106L0.028%200.283a0.03%200.03%200%201%200%200.042%200.042l0.106%20-0.106%200.106%200.106a0.03%200.03%200%201%200%200.042%20-0.042L0.219%200.177z'/%3e%3c/svg%3e") no-repeat center;background-size:18px;cursor:pointer}.auth-close[data-v-273cf94b]:hover{background-color:var(--app-surface);border-color:var(--accent-line)}.auth-container h2[data-v-273cf94b]{margin:0;color:var(--app-text);font-size:24px;line-height:1.1;letter-spacing:0}.auth-container form[data-v-273cf94b]{padding:0 22px 22px}.auth-container input[data-v-273cf94b]{width:100%;height:44px;padding:0 12px;margin:10px 0 0;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface);color:var(--app-text);font:inherit;box-shadow:none}.auth-container input[data-v-273cf94b]:focus{outline:none;border-color:var(--accent-line);background:var(--app-surface);box-shadow:0 0 0 4px var(--accent-weak)}.auth-container button[data-v-273cf94b]{min-height:42px;padding:0 14px;margin-top:0;border:1px solid transparent;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.auth-container button[data-v-273cf94b]:hover{transform:translateY(-1px)}.auth-container button[data-v-273cf94b]:active{transform:translateY(0)}.action-buttons[data-v-273cf94b]{display:flex;flex-direction:row;gap:12px;margin-top:16px}.auth-container .btn-register[data-v-273cf94b]{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.auth-container .btn-login[data-v-273cf94b]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 10px 24px #50372329}.auth-container .error[data-v-273cf94b]{min-height:22px;padding:0 22px;color:var(--app-red);font-size:13px;font-weight:700}.auth-container .agreement[data-v-273cf94b]{font-size:12px;color:var(--app-text-muted);margin-top:16px;line-height:1.6}.auth-container .agreement a[data-v-273cf94b]{color:var(--app-blue);font-weight:700;text-decoration:none}.info-card[data-v-273cf94b]{display:flex;flex-direction:column;gap:18px;padding:0 22px 22px}.profile-panel[data-v-273cf94b]{display:flex;align-items:center;gap:16px;min-width:0;padding-top:24px}.info-avatar[data-v-273cf94b]{position:relative;width:72px;height:72px;border:1px solid var(--app-border);border-radius:20px;overflow:hidden;flex-shrink:0;background:var(--app-surface)}.info-avatar img[data-v-273cf94b]{width:100%;height:100%;object-fit:contain}.avatar-overlay[data-v-273cf94b]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#78695573;color:var(--app-surface);border:none;opacity:0;transition:opacity .2s ease;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer}.info-avatar:hover .avatar-overlay[data-v-273cf94b]{opacity:1}.profile-copy[data-v-273cf94b]{display:grid;gap:7px;min-width:0}.profile-title-row[data-v-273cf94b]{display:flex;align-items:center;gap:10px;min-width:0}.profile-title-row h2[data-v-273cf94b]{margin:0;min-width:0;overflow:hidden;color:var(--app-text);font-size:18px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.profile-copy p[data-v-273cf94b]{margin:0;overflow:hidden;color:var(--app-text-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.role-badge[data-v-273cf94b],.security-pill[data-v-273cf94b]{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;background:var(--accent-weak);color:var(--app-blue);font-size:12px;font-weight:700;white-space:nowrap}.security-pill[data-v-273cf94b]{background:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--app-border)}.profile-actions[data-v-273cf94b]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-actions button[data-v-273cf94b]{min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.profile-actions button[data-v-273cf94b]:hover{transform:translateY(-1px)}.btn-profile-primary[data-v-273cf94b]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 10px 24px #50372329}.btn-profile-secondary[data-v-273cf94b]{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.btn-profile-danger[data-v-273cf94b]{grid-column:1 / -1;background:#b4472f1a;border-color:#b4472f33;color:var(--app-red)}@media (max-width: 480px){.auth-overlay[data-v-273cf94b]{align-items:flex-start;padding-top:92px}.auth-header[data-v-273cf94b],.auth-container form[data-v-273cf94b],.auth-container .error[data-v-273cf94b]{padding-left:16px;padding-right:16px}.action-buttons[data-v-273cf94b]{flex-direction:column}.auth-container button[data-v-273cf94b]{width:100%}.profile-panel[data-v-273cf94b]{align-items:flex-start;flex-direction:column}.profile-actions[data-v-273cf94b]{grid-template-columns:1fr}.btn-profile-danger[data-v-273cf94b]{grid-column:auto}}.overlay[data-v-ef00f6b2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010}.backdrop[data-v-ef00f6b2]{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a242073}.panel[data-v-ef00f6b2]{position:absolute;left:50%;top:10vh;transform:translate(-50%);width:min(920px,calc(100vw - 2rem));max-height:80vh;background:var(--panel-bg, var(--app-surface));color:var(--panel-fg, var(--app-text));border:1px solid var(--app-border);border-radius:var(--app-radius-xl);box-shadow:var(--app-shadow-popover);display:flex;flex-direction:column}.header[data-v-ef00f6b2]{display:flex;align-items:center;gap:.5rem;padding:.9rem .9rem .35rem}.input[data-v-ef00f6b2]{flex:1;padding:.75rem .95rem;font-size:16px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);color:var(--app-text);outline:none}.input[data-v-ef00f6b2]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak)}.close[data-v-ef00f6b2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:22px;line-height:1;padding:.25rem .5rem;cursor:pointer;width:38px;height:38px;border-radius:999px;color:var(--app-text-muted);background:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20width='24px'%20height='24px'%20viewBox='-0.18%20-0.18%200.72%200.72'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMin'%20class='jam%20jam-close'%3e%3cpath%20d='m0.219%200.177%200.106%20-0.106A0.03%200.03%200%201%200%200.283%200.028L0.177%200.135%200.071%200.028A0.03%200.03%200%201%200%200.028%200.071l0.106%200.106L0.028%200.283a0.03%200.03%200%201%200%200.042%200.042l0.106%20-0.106%200.106%200.106a0.03%200.03%200%201%200%200.042%20-0.042L0.219%200.177z'/%3e%3c/svg%3e") no-repeat center}.body[data-v-ef00f6b2]{padding:.5rem .9rem 1rem;overflow:auto}.result[data-v-ef00f6b2]{display:block;padding:.85rem;border-radius:18px;border:1px solid var(--app-border);margin:.5rem 0;text-decoration:none;color:inherit;background:var(--app-surface);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.result[data-v-ef00f6b2]:hover{transform:translateY(-1px);border-color:var(--accent-line);background:var(--app-surface-sunken)}.title[data-v-ef00f6b2]{font-weight:600;font-size:17px;margin-bottom:.25rem}.desc[data-v-ef00f6b2]{color:var(--app-text-muted);margin-bottom:.25rem}.tags[data-v-ef00f6b2]{display:flex;gap:.35rem;flex-wrap:wrap}.tag[data-v-ef00f6b2]{font-size:12px;background:#78695514;border-radius:999px;padding:.1rem .5rem;color:var(--app-text-muted)}.tag--cat[data-v-ef00f6b2]{background:var(--accent-weak);color:var(--app-blue)}.meta[data-v-ef00f6b2]{color:var(--app-text-soft);font-size:12px}.meta.small[data-v-ef00f6b2]{color:var(--app-text-soft)}mark[data-v-ef00f6b2]{background:#ffd60a5c;border-radius:4px}@media (prefers-color-scheme: dark){.panel[data-v-ef00f6b2]{--panel-bg: #141414;--panel-fg: #f0f0f0}.input[data-v-ef00f6b2]{border-color:#333;background:#1f1f1f;color:#f0f0f0}.result[data-v-ef00f6b2]{border-color:#2a2a2a}.tag[data-v-ef00f6b2]{background:#202020;color:#bbb}}.header[data-v-d0cd9030]{position:fixed;top:0;left:0;right:0;z-index:10005;background:var(--app-header-bg);border-bottom:1px solid var(--app-border);transition:transform var(--app-motion-duration) ease-out,border-color var(--app-motion-duration) ease-out,background-color var(--app-motion-duration) ease-out}.header--hidden[data-v-d0cd9030]{transform:translateY(-100%);pointer-events:none}.header-inner[data-v-d0cd9030]{width:min(1180px,calc(100% - 32px));height:68px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.header-left[data-v-d0cd9030]{display:flex;align-items:center;min-width:0}.brand-link[data-v-d0cd9030]{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0}.app-logo[data-v-d0cd9030]{width:34px;height:34px;border-radius:11px;background:transparent url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%20501.333%20501.333;'%20xml:space='preserve'%20width='32'%20height='32'%20%3e%3cg%3e%3cpath%20style='fill:%23637888;'%20points='97.067,426.667%2074.667,404.267%20262.4,208%20459.733,19.2%20482.133,42.667%20284.8,230.4%20'%20d='M6.196%2027.234%204.766%2025.804l11.983%20-12.528%2012.596%20-12.051%201.429%201.498%20-12.596%2011.983Z'%20/%3e%3cpath%20style='fill:%23637888;'%20points='429.867,452.267%20262.4,230.4%2096,101.333%20116.267,76.8%20284.8,208%20455.467,433.067%20'%20d='M27.438%2028.868%2016.749%2014.707%206.128%206.468l1.293%20-1.566%2010.757%208.374%2010.893%2014.366Z'%20/%3e%3c/g%3e%3cpath%20style='fill:%233A5569;'%20cx='281.6'%20cy='219.733'%20r='109.867'%20d='M24.988%2014.026a7.013%207.013%200%200%201%20-7.013%207.012%207.013%207.013%200%200%201%20-7.012%20-7.012%207.012%207.012%200%200%201%2014.026%200'%20/%3e%3cpath%20style='fill:%23F16D6E;'%20cx='86.4'%20cy='414.933'%20r='86.4'%20d='M11.03%2026.485A5.515%205.515%200%200%201%205.515%2032%205.515%205.515%200%200%201%200%2026.485a5.515%205.515%200%200%201%2011.03%200'%20/%3e%3cpath%20style='fill:%2360C3AB;'%20cx='105.6'%20cy='88.533'%20r='66.133'%20d='M10.962%205.651a4.222%204.222%200%200%201%20-4.221%204.221%204.222%204.222%200%200%201%20-4.221%20-4.221%204.221%204.221%200%200%201%208.443%200'%20/%3e%3cpath%20style='fill:%2380C350;'%20cx='442.667'%20cy='442.667'%20r='58.667'%20d='M32%2028.255A3.745%203.745%200%200%201%2028.255%2032a3.745%203.745%200%200%201%20-3.745%20-3.745%203.745%203.745%200%200%201%207.49%200'%20/%3e%3cpath%20style='fill:%23F7B044;'%20cx='454.4'%20cy='46.933'%20r='46.933'%20d='M32%202.996a2.996%202.996%200%200%201%20-2.996%202.996%202.996%202.996%200%200%201%20-2.996%20-2.996%202.996%202.996%200%200%201%205.991%200'%20/%3e%3c/svg%3e") no-repeat center;background-size:22px;flex-shrink:0}.brand-copy[data-v-d0cd9030]{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-name[data-v-d0cd9030]{font-size:16px;font-weight:700;color:var(--app-text);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle[data-v-d0cd9030]{font-size:12px;color:var(--app-text-soft);line-height:1;white-space:nowrap}.header-nav[data-v-d0cd9030]{min-width:0}.nav-menu[data-v-d0cd9030]{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.nav-item[data-v-d0cd9030]{position:relative}.nav-item a[data-v-d0cd9030]{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;color:var(--app-text-muted);text-decoration:none;font-size:14px;transition:background-color .2s ease,color .2s ease}.nav-item a[data-v-d0cd9030]:hover{color:var(--app-text);background:var(--app-hover-bg)}.nav-item.active a[data-v-d0cd9030]{color:var(--app-blue);background:var(--accent-weak)}.nav-item--external a[data-v-d0cd9030]{color:var(--app-text-muted)}.nav-badge[data-v-d0cd9030]{font-size:10px;line-height:1;color:var(--app-blue);background:var(--accent-weak);border-radius:999px;padding:3px 6px}.theme-picker[data-v-d0cd9030]{position:relative;flex:0 0 auto}.theme-trigger[data-v-d0cd9030]{width:96px;height:38px;padding:0 9px;border:1px solid var(--app-border);border-radius:999px;background:linear-gradient(180deg,var(--app-surface),var(--app-bg-elevated));color:var(--app-text);display:inline-grid;grid-template-columns:12px minmax(0,1fr) 10px;align-items:center;gap:6px;box-shadow:var(--app-shadow-sm);cursor:pointer}.theme-trigger[data-v-d0cd9030]:hover,.theme-picker--open .theme-trigger[data-v-d0cd9030]{border-color:var(--accent-line);background:var(--app-surface);box-shadow:0 0 0 4px var(--accent-weak)}.theme-trigger__dot[data-v-d0cd9030],.theme-option__dot[data-v-d0cd9030]{width:11px;height:11px;border-radius:50%;background:var(--theme-swatch, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-swatch, var(--accent)) 18%,transparent);flex:0 0 auto}.theme-trigger__label[data-v-d0cd9030]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;text-align:left}.theme-trigger__chevron[data-v-d0cd9030]{width:7px;height:7px;justify-self:center;border-right:1.5px solid var(--app-text-soft);border-bottom:1.5px solid var(--app-text-soft);transform:translateY(-2px) rotate(45deg);transition:transform var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease)}.theme-picker--open .theme-trigger__chevron[data-v-d0cd9030]{border-color:var(--accent);transform:translateY(2px) rotate(225deg)}.theme-menu[data-v-d0cd9030]{position:absolute;top:calc(100% + 8px);right:0;z-index:2;width:136px;padding:6px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-popover)}.theme-option[data-v-d0cd9030]{width:100%;height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:650;text-align:left}.theme-option[data-v-d0cd9030]:hover{background:var(--app-hover-bg);color:var(--app-text)}.theme-option--active[data-v-d0cd9030]{border-color:var(--accent-line);background:var(--accent-weak);color:var(--accent)}.theme-option__label[data-v-d0cd9030]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right[data-v-d0cd9030]{display:flex;align-items:center;justify-content:flex-end;gap:10px}.search-trigger[data-v-d0cd9030]{height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.search-trigger[data-v-d0cd9030]:hover{border-color:var(--app-border-strong);color:var(--app-text);box-shadow:var(--app-shadow-sm)}.search-trigger__icon[data-v-d0cd9030]{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center / contain}.search-trigger__text[data-v-d0cd9030]{font-size:14px}.login-register-btn[data-v-d0cd9030]{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--accent-line);background:var(--accent-weak);color:var(--app-blue);font-size:14px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.login-register-btn[data-v-d0cd9030]:hover{border-color:var(--accent-line);background:var(--accent-weak-hover);transform:translateY(-1px)}.user-avatar[data-v-d0cd9030]{width:38px;height:38px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--app-border);box-shadow:var(--app-shadow-sm)}.user-avatar img[data-v-d0cd9030]{width:100%;height:100%;object-fit:cover}.mobile-menu-btn[data-v-d0cd9030]{display:none;width:38px;height:38px;margin-right:10px;background:transparent url("data:image/svg+xml,%3csvg%20fill='%23000000'%20width='32px'%20height='32px'%20viewBox='0%200%2020.48%2020.48'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.56%203.84h15.36v1.92H2.56zm0%205.44h15.36v1.92H2.56zm0%205.44h15.36v1.92H2.56z'/%3e%3c/svg%3e") no-repeat center;cursor:pointer;border:none}@media (max-width: 1080px){.header-inner[data-v-d0cd9030]{grid-template-columns:auto 1fr auto;gap:18px}.nav-menu[data-v-d0cd9030]{gap:2px}.nav-item a[data-v-d0cd9030]{padding:0 10px}.nav-item--external[data-v-d0cd9030]{display:none}}@media (max-width: 840px){.header-inner[data-v-d0cd9030]{width:min(100%,calc(100% - 24px));height:64px;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:12px}.header-left[data-v-d0cd9030],.brand-link[data-v-d0cd9030],.brand-copy[data-v-d0cd9030]{overflow:hidden}.brand-link[data-v-d0cd9030]{gap:9px}.header-nav[data-v-d0cd9030]{display:none}.mobile-menu-btn[data-v-d0cd9030]{display:inline-flex;flex-shrink:0;margin-right:8px}.brand-subtitle[data-v-d0cd9030]{display:none}}@media (max-width: 640px){.header-inner[data-v-d0cd9030]{width:min(100%,calc(100% - 16px));height:58px;gap:8px}.header-right[data-v-d0cd9030]{gap:8px}.app-logo[data-v-d0cd9030]{width:30px;height:30px;border-radius:9px;background-size:20px}.brand-name[data-v-d0cd9030]{max-width:92px;font-size:14px}.mobile-menu-btn[data-v-d0cd9030]{width:36px;height:36px;margin-right:6px;background-size:28px}.theme-trigger[data-v-d0cd9030]{width:38px;height:38px;padding:0;display:inline-flex;justify-content:center;gap:0}.theme-trigger__label[data-v-d0cd9030],.theme-trigger__chevron[data-v-d0cd9030]{display:none}.theme-trigger__dot[data-v-d0cd9030]{width:12px;height:12px}.theme-menu[data-v-d0cd9030]{width:128px}.search-trigger[data-v-d0cd9030]{width:38px;padding:0;justify-content:center}.search-trigger__text[data-v-d0cd9030],.search-trigger__key[data-v-d0cd9030]{display:none}.login-register-btn[data-v-d0cd9030]{padding:0 12px;font-size:13px}}@media (max-width: 480px){.header-inner[data-v-d0cd9030]{width:min(100%,calc(100% - 16px))}.brand-name[data-v-d0cd9030]{max-width:82px;font-size:13px}.login-register-btn[data-v-d0cd9030]{height:38px;padding:0 10px;font-size:12.5px}.github-link[data-v-d0cd9030]{display:none}}@media (max-width: 380px){.brand-name[data-v-d0cd9030]{max-width:64px}.app-logo[data-v-d0cd9030]{display:none}}.nav-placeholder{width:100%}.nav-placeholder .nav-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:8px 0!important}.nav-placeholder .nav-item{width:100%}.nav-placeholder .nav-item a{display:flex!important;width:100%;justify-content:space-between;box-sizing:border-box}.nav-placeholder .nav-item--external{display:block!important}.mobile-drawer-overlay[data-v-6699e0ef]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#2a242073}.mobile-drawer[data-v-6699e0ef]{position:fixed;top:68px;right:auto;bottom:0;left:0;z-index:80;width:min(312px,calc(100vw - 32px));background:var(--app-surface);border-right:1px solid var(--app-border);box-shadow:var(--app-shadow-popover);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (max-width: 840px){.mobile-drawer-overlay[data-v-6699e0ef],.mobile-drawer[data-v-6699e0ef]{top:64px}}@media (max-width: 640px){.mobile-drawer-overlay[data-v-6699e0ef],.mobile-drawer[data-v-6699e0ef]{top:58px}}.mobile-drawer__header[data-v-6699e0ef]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--app-border)}.mobile-drawer__brand[data-v-6699e0ef]{display:flex;align-items:center;gap:12px;min-width:0}.mobile-drawer__logo[data-v-6699e0ef]{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--app-surface) url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%20501.333%20501.333;'%20xml:space='preserve'%20width='32'%20height='32'%20%3e%3cg%3e%3cpath%20style='fill:%23637888;'%20points='97.067,426.667%2074.667,404.267%20262.4,208%20459.733,19.2%20482.133,42.667%20284.8,230.4%20'%20d='M6.196%2027.234%204.766%2025.804l11.983%20-12.528%2012.596%20-12.051%201.429%201.498%20-12.596%2011.983Z'%20/%3e%3cpath%20style='fill:%23637888;'%20points='429.867,452.267%20262.4,230.4%2096,101.333%20116.267,76.8%20284.8,208%20455.467,433.067%20'%20d='M27.438%2028.868%2016.749%2014.707%206.128%206.468l1.293%20-1.566%2010.757%208.374%2010.893%2014.366Z'%20/%3e%3c/g%3e%3cpath%20style='fill:%233A5569;'%20cx='281.6'%20cy='219.733'%20r='109.867'%20d='M24.988%2014.026a7.013%207.013%200%200%201%20-7.013%207.012%207.013%207.013%200%200%201%20-7.012%20-7.012%207.012%207.012%200%200%201%2014.026%200'%20/%3e%3cpath%20style='fill:%23F16D6E;'%20cx='86.4'%20cy='414.933'%20r='86.4'%20d='M11.03%2026.485A5.515%205.515%200%200%201%205.515%2032%205.515%205.515%200%200%201%200%2026.485a5.515%205.515%200%200%201%2011.03%200'%20/%3e%3cpath%20style='fill:%2360C3AB;'%20cx='105.6'%20cy='88.533'%20r='66.133'%20d='M10.962%205.651a4.222%204.222%200%200%201%20-4.221%204.221%204.222%204.222%200%200%201%20-4.221%20-4.221%204.221%204.221%200%200%201%208.443%200'%20/%3e%3cpath%20style='fill:%2380C350;'%20cx='442.667'%20cy='442.667'%20r='58.667'%20d='M32%2028.255A3.745%203.745%200%200%201%2028.255%2032a3.745%203.745%200%200%201%20-3.745%20-3.745%203.745%203.745%200%200%201%207.49%200'%20/%3e%3cpath%20style='fill:%23F7B044;'%20cx='454.4'%20cy='46.933'%20r='46.933'%20d='M32%202.996a2.996%202.996%200%200%201%20-2.996%202.996%202.996%202.996%200%200%201%20-2.996%20-2.996%202.996%202.996%200%200%201%205.991%200'%20/%3e%3c/svg%3e") no-repeat center / 22px;border:1px solid var(--app-border)}.mobile-drawer__title[data-v-6699e0ef]{font-size:16px;font-weight:700;color:var(--app-text)}.mobile-drawer__subtitle[data-v-6699e0ef]{margin-top:2px;font-size:12px;color:var(--app-text-soft)}.mobile-drawer__close[data-v-6699e0ef]{width:36px;height:36px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-muted);font-size:22px;line-height:1;cursor:pointer}.mobile-drawer__body[data-v-6699e0ef]{padding:14px 18px 24px}.mobile-drawer__extra[data-v-6699e0ef]{margin-top:18px;padding-top:18px;border-top:1px solid var(--app-border)}.mobile-drawer__extra[data-v-6699e0ef] p{margin:0;color:var(--app-text-muted);line-height:1.7}.mobile-drawer__extra[data-v-6699e0ef] p+p{margin-top:8px}.mobile-drawer-fade-enter-active[data-v-6699e0ef],.mobile-drawer-fade-leave-active[data-v-6699e0ef]{transition:opacity .2s ease}.mobile-drawer-fade-enter-from[data-v-6699e0ef],.mobile-drawer-fade-leave-to[data-v-6699e0ef]{opacity:0}.mobile-drawer-slide-enter-active[data-v-6699e0ef],.mobile-drawer-slide-leave-active[data-v-6699e0ef]{transition:opacity .22s ease,transform .22s ease}.mobile-drawer-slide-enter-from[data-v-6699e0ef],.mobile-drawer-slide-leave-to[data-v-6699e0ef]{opacity:0;transform:translate(-18px)}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34rem),linear-gradient(180deg,var(--app-bg),var(--app-bg));color:var(--app-text)}.home-page[data-v-04fbe100]{position:relative;min-height:100vh;overflow:hidden}.home-main[data-v-04fbe100]{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:76px 0 50px}.hero-section[data-v-04fbe100]{position:relative;display:flex;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);align-items:center;justify-content:center;padding:24px 0 48px;text-align:center}.hero-copy[data-v-04fbe100]{display:grid;justify-items:center;width:100%;max-width:860px;min-width:0;padding:32px 8px}.section-kicker[data-v-04fbe100]{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase}.hero-title[data-v-04fbe100]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:0;color:var(--app-text);font-family:var(--font-sans);font-size:clamp(30px,3.35vw,44px);font-weight:900;line-height:1.02;letter-spacing:0}.hero-title__emoji[data-v-04fbe100]{line-height:1;transform:translateY(2px)}.hero-title__text[data-v-04fbe100],.hero-title__pill[data-v-04fbe100]{display:inline-flex;align-items:center;white-space:nowrap}.hero-title__pill[data-v-04fbe100]{padding:.06em .34em .12em;border:2px solid color-mix(in srgb,var(--app-text) 88%,transparent);border-radius:13px;background:var(--app-surface);box-shadow:4px 4px color-mix(in srgb,var(--accent) 22%,transparent)}.hero-title__pill strong[data-v-04fbe100]{margin-left:.18em;font-weight:900}.hero-subtitle[data-v-04fbe100]{margin:16px 0 0;color:color-mix(in srgb,var(--accent) 72%,var(--app-text));font-size:17px;font-weight:650;line-height:1.5}.hero-description[data-v-04fbe100]{max-width:580px;margin:12px auto 0;color:var(--app-text-muted);font-size:15px;line-height:1.78}.hero-actions[data-v-04fbe100]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.hero-button[data-v-04fbe100]{height:40px;padding:0 16px}.hero-points[data-v-04fbe100]{display:grid;gap:10px;max-width:540px;margin:18px 0 0;padding:0;list-style:none}.hero-points li[data-v-04fbe100]{position:relative;padding-left:22px;color:var(--app-text-muted);font-size:15px;line-height:1.75}.hero-points li[data-v-04fbe100]:before{content:"";position:absolute;top:.78em;left:0;width:8px;height:8px;border:2px solid var(--accent);border-radius:999px;background:var(--app-surface)}.section-heading[data-v-04fbe100]{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.section-heading h2[data-v-04fbe100],.about-copy h2[data-v-04fbe100]{margin:0;color:var(--app-text);font-family:var(--font-display);font-weight:700;line-height:1.2}.section-heading h2[data-v-04fbe100]{font-size:30px;letter-spacing:-.02em}.section-heading-side[data-v-04fbe100]{display:grid;justify-items:end;gap:10px}.section-link[data-v-04fbe100],.text-link[data-v-04fbe100]{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:650}.section-link[data-v-04fbe100]{font-size:14px}.link-arrow[data-v-04fbe100]{width:16px;height:16px;flex:0 0 auto;background:currentColor;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M3%208h9'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.5%204.5%2012%208l-3.5%203.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M3%208h9'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.5%204.5%2012%208l-3.5%203.5'%20stroke='currentColor'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center / contain no-repeat;transform:translateY(1px)}.demo-lab-section[data-v-04fbe100]{position:relative;scroll-margin-top:76px;margin:0 0 48px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--app-border));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 210px),repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--app-border) 42%,transparent) 31px 32px),linear-gradient(180deg,color-mix(in srgb,var(--app-surface) 96%,transparent),var(--app-surface));box-shadow:none}.demo-lab-section[data-v-04fbe100]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--app-green) 18%,transparent),transparent);opacity:.24;transform:translate(-72%);animation:labSweep-04fbe100 7s ease-in-out infinite;pointer-events:none}.section-heading--lab[data-v-04fbe100]{position:static;margin:0 0 20px;padding:0;background:transparent}.demo-workbench[data-v-04fbe100]{display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-text) 22%,var(--app-border));border-radius:16px;background:#111827;box-shadow:0 18px 42px #0f172a24}.ide-titlebar[data-v-04fbe100]{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f8fbffb8;font-size:12px}.ide-titlebar strong[data-v-04fbe100]{margin-left:6px;color:#f8fbff;font-family:var(--font-mono);font-size:12px}.ide-titlebar>span[data-v-04fbe100]:last-child{margin-left:auto;overflow:hidden;color:#f8fbff85;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.ide-dot[data-v-04fbe100]{width:10px;height:10px;border-radius:999px}.ide-dot--red[data-v-04fbe100]{background:#ff6b6b}.ide-dot--yellow[data-v-04fbe100]{background:#ffd166}.ide-dot--green[data-v-04fbe100]{background:#63d297}.ide-body[data-v-04fbe100]{display:grid;grid-template-columns:minmax(230px,.27fr) minmax(0,1fr);height:clamp(470px,39vw,510px);min-height:0}.demo-rail[data-v-04fbe100]{display:grid;align-content:start;gap:6px;min-width:0;min-height:0;padding:12px 10px;overflow:auto;border-right:1px solid rgba(255,255,255,.1);background:#0f1724}.demo-tab[data-v-04fbe100]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;width:100%;min-height:58px;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f8fbffd1;text-align:left;cursor:pointer;box-shadow:none}.demo-tab[data-v-04fbe100]:hover,.demo-tab--active[data-v-04fbe100]{border-color:#70e8ff33;background:#ffffff12;box-shadow:inset 3px 0 #70e8ff;transform:none}.demo-tab--active .demo-tab__number[data-v-04fbe100]{animation:numberPulse-04fbe100 1.45s ease-in-out infinite}.demo-tab__number[data-v-04fbe100]{color:#63d297;font-family:var(--font-mono);font-size:12px;font-weight:800}.demo-tab__copy[data-v-04fbe100]{display:grid;min-width:0;gap:6px}.demo-tab__copy strong[data-v-04fbe100]{overflow:hidden;color:#f8fbff;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.demo-tab__copy span[data-v-04fbe100]{overflow:hidden;color:#f8fbff80;font-family:var(--font-mono);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.demo-tab__status[data-v-04fbe100]{grid-column:2;justify-self:start;padding:3px 7px;border:1px solid rgba(99,210,151,.28);border-radius:999px;color:#63d297;font-family:var(--font-mono);font-size:10px}.lab-stage[data-v-04fbe100]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:radial-gradient(circle at 78% 12%,rgba(112,232,255,.09),transparent 30%),#111827}.ide-tabs[data-v-04fbe100]{display:flex;min-width:0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.ide-tab[data-v-04fbe100]{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#f8fbff8a;cursor:pointer;font-family:var(--font-mono);font-size:12px}.ide-tab[data-v-04fbe100]:hover{color:#f8fbffd1}.ide-tab[data-v-04fbe100]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ide-tab--active[data-v-04fbe100]{background:#ffffff0f;color:#f8fbff}.ide-canvas[data-v-04fbe100]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,.72fr);gap:12px;min-height:0;padding:14px}.ide-editor[data-v-04fbe100],.ide-preview[data-v-04fbe100]{min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0f1724b8}.ide-editor[data-v-04fbe100]{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.editor-path[data-v-04fbe100],.preview-toolbar[data-v-04fbe100]{min-height:34px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#f8fbff8f;font-family:var(--font-mono);font-size:11px;line-height:34px}.ide-editor pre[data-v-04fbe100]{margin:0;padding:14px 0;min-height:0;overflow:auto}.ide-editor code[data-v-04fbe100]{display:grid;gap:2px;font-family:var(--font-mono);font-size:11px;line-height:1.68}.editor-line[data-v-04fbe100]{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:0 14px;align-items:center}.editor-line span[data-v-04fbe100]{color:#f8fbff47;text-align:right}.editor-line b[data-v-04fbe100]{overflow:hidden;color:#d9e7ff;font-weight:600;text-overflow:ellipsis;white-space:pre-wrap}.editor-actions[data-v-04fbe100]{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.ide-preview[data-v-04fbe100]{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;color:inherit;text-decoration:none}.preview-toolbar[data-v-04fbe100]{display:flex;justify-content:space-between;gap:12px;align-items:center;line-height:1}.preview-toolbar strong[data-v-04fbe100]{color:#63d297;font-size:11px}.preview-frame[data-v-04fbe100]{display:grid;min-height:0;padding:14px;background:linear-gradient(135deg,rgba(112,232,255,.08),transparent 40%),#f8fbff08;place-items:center}.preview-frame img[data-v-04fbe100]{width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 22px 46px #00000038;transition:transform .26s var(--app-ease)}.ide-preview:hover .preview-frame img[data-v-04fbe100]{transform:translateY(-2px) scale(1.01)}.iframe-preview[data-v-04fbe100]{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:410px;margin:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#fff}.iframe-toolbar[data-v-04fbe100]{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#172235;color:#f8fbff9e;font-family:var(--font-mono);font-size:11px}.iframe-toolbar>span[data-v-04fbe100]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iframe-actions[data-v-04fbe100]{display:flex;flex:0 0 auto;align-items:center;gap:6px}.iframe-actions a[data-v-04fbe100],.iframe-actions button[data-v-04fbe100]{display:inline-flex;height:27px;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#ffffff0d;color:#d9e7ff;cursor:pointer;font:inherit;text-decoration:none}.iframe-actions a[data-v-04fbe100]:hover,.iframe-actions button[data-v-04fbe100]:hover{border-color:#70e8ff66;background:#70e8ff14}.iframe-preview iframe[data-v-04fbe100]{width:100%;height:100%;min-height:0;border:0;background:#fff}.iframe-preview[data-v-04fbe100]:fullscreen{margin:0;border:0;border-radius:0}.iframe-fallback[data-v-04fbe100]{display:grid;align-content:center;justify-items:center;gap:14px;padding:24px;background:#111827;color:#f8fbffb3;text-align:center}.iframe-fallback img[data-v-04fbe100]{width:min(460px,100%);max-height:240px;border-radius:12px;object-fit:contain}.iframe-fallback p[data-v-04fbe100]{margin:0}.result-placeholder[data-v-04fbe100]{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border:1px solid color-mix(in srgb,var(--app-green) 34%,var(--app-border));border-radius:22px;background:var(--app-surface);color:var(--app-green);font-size:20px;font-weight:800}.ide-statusbar[data-v-04fbe100]{display:flex;gap:18px;align-items:center;min-height:30px;padding:0 12px;border-top:1px solid rgba(255,255,255,.1);background:#0f1724;color:#f8fbff85;font-family:var(--font-mono);font-size:11px}.ide-statusbar span[data-v-04fbe100]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-statusbar span[data-v-04fbe100]:last-child{margin-left:auto;color:#63d297}.article-meta[data-v-04fbe100]{display:flex;flex-wrap:wrap;gap:8px;color:var(--app-text-soft);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.article-copy h3[data-v-04fbe100]{margin:0;color:var(--app-text);font-size:19px;line-height:1.35}.article-copy p[data-v-04fbe100],.about-copy p[data-v-04fbe100]{margin:0;color:var(--app-text-muted);line-height:1.75}.article-bottom[data-v-04fbe100],.tag-list[data-v-04fbe100]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-section[data-v-04fbe100]{margin-bottom:48px}.featured-reading[data-v-04fbe100]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-row[data-v-04fbe100]{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid var(--app-border);border-radius:12px;background:color-mix(in srgb,var(--app-surface) 92%,transparent);box-shadow:0 10px 24px #0f172a0f;transition:border-color .18s var(--app-ease),box-shadow .18s var(--app-ease),transform .18s var(--app-ease)}.article-cover[data-v-04fbe100]{display:block;overflow:hidden;aspect-ratio:16 / 9;border-bottom:1px solid var(--app-border);background:var(--app-surface-sunken)}.article-cover img[data-v-04fbe100]{width:100%;height:100%;object-fit:cover;transition:transform .22s var(--app-ease)}.article-row[data-v-04fbe100]:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--app-border));box-shadow:0 14px 30px #0f172a1a;transform:translateY(-2px)}.article-row:hover .article-cover img[data-v-04fbe100]{transform:scale(1.035)}.article-copy[data-v-04fbe100]{display:flex;flex-direction:column;min-width:0;gap:10px;padding:16px}.article-copy h3 a[data-v-04fbe100]{color:inherit;text-decoration:none}.article-copy h3 a[data-v-04fbe100]:hover{color:var(--accent)}.article-copy p[data-v-04fbe100]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px}.article-bottom[data-v-04fbe100]{align-items:flex-start;flex-direction:column;justify-content:flex-end;margin-top:auto}@keyframes labSweep-04fbe100{0%,42%{transform:translate(-72%)}72%,to{transform:translate(72%)}}@keyframes numberPulse-04fbe100{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 12px color-mix(in srgb,var(--app-green) 72%,transparent)}}.about-panel[data-v-04fbe100]{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start;margin-top:8px;padding:14px 8px;border-top:1px solid color-mix(in srgb,var(--accent) 10%,var(--app-border));background:radial-gradient(circle at 70% 14%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 44%),linear-gradient(105deg,color-mix(in srgb,var(--app-surface) 78%,transparent),transparent 76%)}.about-avatar[data-v-04fbe100]{width:72px;height:72px;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-border) 72%,transparent);border-radius:999px;background:var(--app-surface);box-shadow:0 12px 32px color-mix(in srgb,var(--app-text) 7%,transparent)}.about-avatar img[data-v-04fbe100]{width:100%;height:100%;object-fit:cover}.about-content[data-v-04fbe100]{display:grid;gap:12px;min-width:0}.about-header[data-v-04fbe100]{display:flex;align-items:start}.about-copy[data-v-04fbe100]{display:grid;gap:3px}.about-copy h2[data-v-04fbe100]{font-size:23px;font-weight:800;letter-spacing:-.03em}.about-copy p[data-v-04fbe100]{margin:0;color:var(--app-text-muted);font-size:13px;line-height:1.4}.about-links[data-v-04fbe100]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.about-card[data-v-04fbe100]{--about-card-accent: var(--accent);--about-card-tint: color-mix(in srgb, var(--about-card-accent) 10%, var(--app-surface));display:flex;min-width:0;height:46px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid color-mix(in srgb,var(--about-card-accent) 22%,var(--app-border));border-radius:10px;background:color-mix(in srgb,var(--app-surface) 93%,transparent);color:var(--app-text-muted);font-size:12px;text-decoration:none;white-space:nowrap;transition:border-color .18s var(--app-ease),box-shadow .18s var(--app-ease),transform .18s var(--app-ease)}.about-card[data-v-04fbe100]:hover{border-color:color-mix(in srgb,var(--about-card-accent) 48%,var(--app-border));box-shadow:0 10px 24px color-mix(in srgb,var(--about-card-accent) 9%,transparent);transform:translateY(-2px)}.about-card--csdn[data-v-04fbe100]{--about-card-accent: #f35b3f}.about-card--juejin[data-v-04fbe100]{--about-card-accent: #1e80ff}.about-card--github[data-v-04fbe100]{--about-card-accent: #57606a}.about-card--gitee[data-v-04fbe100]{--about-card-accent: #c71d23}.about-card--bilibili[data-v-04fbe100]{--about-card-accent: #00aeec}.about-card__logo[data-v-04fbe100]{display:flex;width:64px;height:30px;flex:0 0 64px;align-items:center;justify-content:center}.about-card__logo img[data-v-04fbe100]{display:block;max-width:100%;max-height:100%;object-fit:contain}.about-card__logo--csdn[data-v-04fbe100]{width:58px;flex-basis:58px}.about-card__logo--juejin[data-v-04fbe100]{width:66px;flex-basis:66px}.about-card__logo--gitee[data-v-04fbe100]{width:62px;flex-basis:62px}.about-card__logo--bilibili[data-v-04fbe100]{width:56px;flex-basis:56px}.about-card__logo--github[data-v-04fbe100]{gap:5px}.about-card__logo--github img[data-v-04fbe100]{width:22px;height:22px}.about-card__logo--github strong[data-v-04fbe100]{color:var(--app-text);font-size:13px;font-weight:750}.about-card__separator[data-v-04fbe100]{color:var(--app-text-soft)}@media (max-width: 1080px){.section-heading--lab[data-v-04fbe100]{position:static}.ide-body[data-v-04fbe100],.ide-canvas[data-v-04fbe100]{grid-template-columns:1fr}.ide-body[data-v-04fbe100]{height:auto;min-height:0}.demo-rail[data-v-04fbe100]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.featured-reading[data-v-04fbe100]{grid-template-columns:repeat(2,minmax(0,1fr))}.about-links[data-v-04fbe100]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 840px){.home-main[data-v-04fbe100]{width:min(100%,calc(100% - 24px));padding-top:78px}.section-heading[data-v-04fbe100]{flex-direction:row}.section-heading-side[data-v-04fbe100]{justify-items:start}.demo-lab-section[data-v-04fbe100]{padding:22px}.demo-rail[data-v-04fbe100],.article-row[data-v-04fbe100]{grid-template-columns:1fr}.featured-reading[data-v-04fbe100]{grid-template-columns:1fr;padding:8px 16px}.article-cover[data-v-04fbe100]{max-width:none}.ide-canvas[data-v-04fbe100]{gap:12px;padding:12px}.ide-editor[data-v-04fbe100]{height:360px}.ide-preview[data-v-04fbe100]{height:320px}.iframe-preview[data-v-04fbe100]{height:360px;min-height:0;margin:12px}.ide-tabs[data-v-04fbe100]{overflow-x:auto}.ide-statusbar[data-v-04fbe100]{flex-wrap:wrap;gap:8px 14px;padding:8px 12px}.about-panel[data-v-04fbe100]{grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}.about-avatar[data-v-04fbe100]{width:64px;height:64px}.about-copy h2[data-v-04fbe100]{font-size:22px}}@media (max-width: 640px){.home-main[data-v-04fbe100]{width:min(100%,calc(100% - 16px));padding-bottom:40px}.hero-section[data-v-04fbe100]{gap:34px;padding-top:4px;padding-bottom:48px}.hero-title[data-v-04fbe100]{font-size:34px}.hero-title__pill[data-v-04fbe100]{border-radius:12px;box-shadow:4px 4px color-mix(in srgb,var(--accent) 24%,transparent)}.hero-subtitle[data-v-04fbe100],.hero-description[data-v-04fbe100]{font-size:16px}.demo-lab-section[data-v-04fbe100]{border-radius:16px}.about-panel[data-v-04fbe100]{display:block;padding:12px 4px}.about-avatar[data-v-04fbe100]{position:absolute;top:12px;left:4px;width:52px;height:52px}.about-content[data-v-04fbe100]{gap:12px}.about-header[data-v-04fbe100]{min-height:52px;padding-left:64px}.about-copy[data-v-04fbe100]{min-width:0}.about-copy h2[data-v-04fbe100]{font-size:21px}.about-copy p[data-v-04fbe100]{overflow:hidden;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.about-links[data-v-04fbe100]{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.about-card[data-v-04fbe100]{grid-column:span 2;height:42px;justify-content:center;padding:0 8px}.about-card[data-v-04fbe100]:nth-child(4),.about-card[data-v-04fbe100]:nth-child(5){grid-column:span 3}.about-card__separator[data-v-04fbe100],.about-card__separator+span[data-v-04fbe100]{display:none}.about-card__logo[data-v-04fbe100]{height:27px}}