.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-ba7e8e77]{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-ba7e8e77],.info-card[data-v-ba7e8e77]{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-ba7e8e77]{display:flex;justify-content:center;align-items:center}.loading[data-v-ba7e8e77]{position:absolute;inset:auto;min-height:330px;z-index:10032;background:var(--app-surface)}.auth-header[data-v-ba7e8e77]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 22px 8px}.auth-close[data-v-ba7e8e77]{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-ba7e8e77]:hover{background-color:var(--app-surface);border-color:var(--accent-line)}.auth-container h2[data-v-ba7e8e77]{margin:0;color:var(--app-text);font-size:24px;line-height:1.1;letter-spacing:0}.auth-container form[data-v-ba7e8e77]{padding:0 22px 22px}.auth-container input[data-v-ba7e8e77]{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-ba7e8e77]: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-ba7e8e77]{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-ba7e8e77]:hover{transform:translateY(-1px)}.auth-container button[data-v-ba7e8e77]:active{transform:translateY(0)}.action-buttons[data-v-ba7e8e77]{display:flex;flex-direction:row;gap:12px;margin-top:16px}.auth-container .btn-register[data-v-ba7e8e77]{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.auth-container .btn-login[data-v-ba7e8e77]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 10px 24px #50372329}.auth-container .error[data-v-ba7e8e77]{min-height:22px;padding:0 22px;color:var(--app-red);font-size:13px;font-weight:700}.auth-container .agreement[data-v-ba7e8e77]{font-size:12px;color:var(--app-text-muted);margin-top:16px;line-height:1.6}.auth-container .agreement a[data-v-ba7e8e77]{color:var(--app-blue);font-weight:700;text-decoration:none}.info-card[data-v-ba7e8e77]{display:flex;flex-direction:column;gap:18px;padding:0 22px 22px}.profile-panel[data-v-ba7e8e77]{display:flex;align-items:center;gap:16px;min-width:0;padding-top:24px}.info-avatar[data-v-ba7e8e77]{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-ba7e8e77]{width:100%;height:100%;object-fit:contain}.avatar-overlay[data-v-ba7e8e77]{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-ba7e8e77]{opacity:1}.profile-copy[data-v-ba7e8e77]{display:grid;gap:7px;min-width:0}.profile-title-row[data-v-ba7e8e77]{display:flex;align-items:center;gap:10px;min-width:0}.profile-title-row h2[data-v-ba7e8e77]{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-ba7e8e77]{margin:0;overflow:hidden;color:var(--app-text-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.role-badge[data-v-ba7e8e77],.security-pill[data-v-ba7e8e77]{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-ba7e8e77]{background:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--app-border)}.profile-actions[data-v-ba7e8e77]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-actions button[data-v-ba7e8e77]{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-ba7e8e77]:hover{transform:translateY(-1px)}.btn-profile-primary[data-v-ba7e8e77]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 10px 24px #50372329}.btn-profile-secondary[data-v-ba7e8e77]{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.btn-profile-danger[data-v-ba7e8e77]{grid-column:1 / -1;background:#b4472f1a;border-color:#b4472f33;color:var(--app-red)}@media (max-width: 480px){.auth-overlay[data-v-ba7e8e77]{align-items:flex-start;padding-top:92px}.auth-header[data-v-ba7e8e77],.auth-container form[data-v-ba7e8e77],.auth-container .error[data-v-ba7e8e77]{padding-left:16px;padding-right:16px}.action-buttons[data-v-ba7e8e77]{flex-direction:column}.auth-container button[data-v-ba7e8e77]{width:100%}.profile-panel[data-v-ba7e8e77]{align-items:flex-start;flex-direction:column}.profile-actions[data-v-ba7e8e77]{grid-template-columns:1fr}.btn-profile-danger[data-v-ba7e8e77]{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-6333616c]{position:relative;min-height:100vh;overflow:hidden}.interaction-glow[data-v-6333616c]{position:fixed;z-index:0;left:calc(var(--mx) - 190px);top:calc(var(--my) - 190px);width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),color-mix(in srgb,var(--app-green) 5%,transparent) 42%,transparent 70%);filter:blur(18px);opacity:.72;pointer-events:none;transition:left .12s var(--app-ease),top .12s var(--app-ease)}.home-main[data-v-6333616c]{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:76px 0 50px}.hero-section[data-v-6333616c]{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.46fr);gap:26px;align-items:start;min-height:0;padding:8px 0 24px}.hero-copy[data-v-6333616c]{min-width:0;padding:64px 8px}.section-kicker[data-v-6333616c]{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-6333616c]{display:flex;flex-wrap:wrap;align-items: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-6333616c]{line-height:1;transform:translateY(2px)}.hero-title__text[data-v-6333616c],.hero-title__pill[data-v-6333616c]{display:inline-flex;align-items:center;white-space:nowrap}.hero-title__pill[data-v-6333616c]{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-6333616c]{margin-left:.18em;font-weight:900}.hero-subtitle[data-v-6333616c]{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-6333616c]{max-width:580px;margin:12px 0 0;color:var(--app-text-muted);font-size:15px;line-height:1.78}.hero-actions[data-v-6333616c]{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hero-button[data-v-6333616c]{height:40px;padding:0 16px}.hero-points[data-v-6333616c]{display:grid;gap:10px;max-width:540px;margin:18px 0 0;padding:0;list-style:none}.hero-points li[data-v-6333616c]{position:relative;padding-left:22px;color:var(--app-text-muted);font-size:15px;line-height:1.75}.hero-points li[data-v-6333616c]:before{content:"";position:absolute;top:.78em;left:0;width:8px;height:8px;border:2px solid var(--accent);border-radius:999px;background:var(--app-surface)}.hero-index[data-v-6333616c]{position:relative;display:grid;grid-template-columns:1fr;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--app-border));border-radius:18px;background:color-mix(in srgb,var(--app-surface) 84%,transparent);box-shadow:var(--app-shadow-sm)}.hero-index[data-v-6333616c]:before{display:none}.index-card[data-v-6333616c]{position:relative;display:grid;gap:8px;min-height:84px;padding:13px 14px 13px 30px;border:1px solid var(--app-border);border-radius:12px;background:color-mix(in srgb,var(--app-surface) 94%,transparent);color:inherit;text-decoration:none;box-shadow:none}.index-card[data-v-6333616c]:before{content:"";position:absolute;top:22px;left:13px;width:9px;height:9px;border-radius:999px;background:var(--index-accent, var(--accent));box-shadow:0 0 0 5px color-mix(in srgb,var(--index-accent, var(--accent)) 14%,transparent)}.index-card--tutorial[data-v-6333616c]{--index-accent: var(--accent)}.index-card--demo[data-v-6333616c]{--index-accent: var(--app-green)}.index-card--reading[data-v-6333616c]{--index-accent: var(--app-orange)}.index-card[data-v-6333616c]:hover{border-color:color-mix(in srgb,var(--index-accent, var(--accent)) 42%,var(--app-border));transform:translateY(-2px)}.index-card__label[data-v-6333616c]{color:var(--app-text-soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.index-card strong[data-v-6333616c]{color:var(--app-text);font-size:16px;line-height:1.35}.index-card>span[data-v-6333616c]:last-child{display:-webkit-box;overflow:hidden;color:var(--app-text-muted);line-height:1.65;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.section-heading[data-v-6333616c]{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.section-heading h2[data-v-6333616c],.about-copy h2[data-v-6333616c]{margin:0;color:var(--app-text);font-family:var(--font-display);font-weight:700;line-height:1.2}.section-heading h2[data-v-6333616c]{font-size:30px;letter-spacing:-.02em}.section-heading-side[data-v-6333616c]{display:grid;justify-items:end;gap:10px}.section-link[data-v-6333616c],.text-link[data-v-6333616c]{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:650}.section-link[data-v-6333616c]{font-size:14px}.link-arrow[data-v-6333616c]{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-6333616c]{position:relative;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-6333616c]: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-6333616c 7s ease-in-out infinite;pointer-events:none}.section-heading--lab[data-v-6333616c]{position:static;margin:0 0 20px;padding:0;background:transparent}.demo-workbench[data-v-6333616c]{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-6333616c]{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-6333616c]{margin-left:6px;color:#f8fbff;font-family:var(--font-mono);font-size:12px}.ide-titlebar>span[data-v-6333616c]:last-child{margin-left:auto;overflow:hidden;color:#f8fbff85;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.ide-dot[data-v-6333616c]{width:10px;height:10px;border-radius:999px}.ide-dot--red[data-v-6333616c]{background:#ff6b6b}.ide-dot--yellow[data-v-6333616c]{background:#ffd166}.ide-dot--green[data-v-6333616c]{background:#63d297}.ide-body[data-v-6333616c]{display:grid;grid-template-columns:minmax(230px,.27fr) minmax(0,1fr);height:clamp(470px,39vw,510px);min-height:0}.demo-rail[data-v-6333616c]{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}.explorer-heading[data-v-6333616c],.explorer-root[data-v-6333616c]{color:#f8fbff7a;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.explorer-root[data-v-6333616c]{margin:2px 0 6px;color:#f8fbffad;letter-spacing:0;text-transform:none}.demo-tab[data-v-6333616c]{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-6333616c]:hover,.demo-tab--active[data-v-6333616c]{border-color:#70e8ff33;background:#ffffff12;box-shadow:inset 3px 0 #70e8ff;transform:none}.demo-tab--active .demo-tab__number[data-v-6333616c]{animation:numberPulse-6333616c 1.45s ease-in-out infinite}.demo-tab__number[data-v-6333616c]{color:#63d297;font-family:var(--font-mono);font-size:12px;font-weight:800}.demo-tab__copy[data-v-6333616c]{display:grid;min-width:0;gap:6px}.demo-tab__copy strong[data-v-6333616c]{overflow:hidden;color:#f8fbff;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.demo-tab__copy span[data-v-6333616c]{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-6333616c]{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-6333616c]{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-6333616c]{display:flex;min-width:0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.ide-tab[data-v-6333616c]{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-right:1px solid rgba(255,255,255,.08);color:#f8fbff8a;font-family:var(--font-mono);font-size:12px}.ide-tab--active[data-v-6333616c]{background:#ffffff0f;color:#f8fbff}.ide-canvas[data-v-6333616c]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,.72fr);gap:12px;min-height:0;padding:14px}.ide-editor[data-v-6333616c],.ide-preview[data-v-6333616c]{min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0f1724b8}.ide-editor[data-v-6333616c]{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.editor-path[data-v-6333616c],.preview-toolbar[data-v-6333616c]{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-6333616c]{margin:0;padding:14px 0;min-height:0;overflow:auto}.ide-editor code[data-v-6333616c]{display:grid;gap:2px;font-family:var(--font-mono);font-size:11px;line-height:1.68}.editor-line[data-v-6333616c]{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:0 14px;align-items:center}.editor-line span[data-v-6333616c]{color:#f8fbff47;text-align:right}.editor-line b[data-v-6333616c]{overflow:hidden;color:#d9e7ff;font-weight:600;text-overflow:ellipsis;white-space:pre-wrap}.editor-actions[data-v-6333616c]{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.ide-preview[data-v-6333616c]{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;color:inherit;text-decoration:none}.preview-toolbar[data-v-6333616c]{display:flex;justify-content:space-between;gap:12px;align-items:center;line-height:1}.preview-toolbar strong[data-v-6333616c]{color:#63d297;font-size:11px}.preview-frame[data-v-6333616c]{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-6333616c]{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-6333616c]{transform:translateY(-2px) scale(1.01)}.result-placeholder[data-v-6333616c]{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-6333616c]{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-6333616c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-statusbar span[data-v-6333616c]:last-child{margin-left:auto;color:#63d297}.article-meta[data-v-6333616c]{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-6333616c]{margin:0;color:var(--app-text);font-size:19px;line-height:1.35}.article-copy p[data-v-6333616c],.about-copy p[data-v-6333616c]{margin:0;color:var(--app-text-muted);line-height:1.75}.article-bottom[data-v-6333616c],.tag-list[data-v-6333616c]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-section[data-v-6333616c]{margin-bottom:48px}.featured-reading[data-v-6333616c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-row[data-v-6333616c]{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-6333616c]{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-6333616c]{width:100%;height:100%;object-fit:cover;transition:transform .22s var(--app-ease)}.article-row[data-v-6333616c]: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-6333616c]{transform:scale(1.035)}.article-copy[data-v-6333616c]{display:flex;flex-direction:column;min-width:0;gap:10px;padding:16px}.article-copy h3 a[data-v-6333616c]{color:inherit;text-decoration:none}.article-copy h3 a[data-v-6333616c]:hover{color:var(--accent)}.article-copy p[data-v-6333616c]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px}.article-bottom[data-v-6333616c]{align-items:flex-start;flex-direction:column;justify-content:flex-end;margin-top:auto}@keyframes labSweep-6333616c{0%,42%{transform:translate(-72%)}72%,to{transform:translate(72%)}}@keyframes numberPulse-6333616c{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-6333616c]{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 0 0;border-top:1px solid var(--app-border)}.about-avatar[data-v-6333616c]{width:64px;height:64px;overflow:hidden;border-radius:16px;background:var(--app-surface-sunken)}.about-avatar img[data-v-6333616c]{width:100%;height:100%;object-fit:cover}.about-copy[data-v-6333616c]{display:grid;gap:6px}.about-copy h2[data-v-6333616c]{font-size:20px}@media (max-width: 1080px){.hero-section[data-v-6333616c]{grid-template-columns:1fr}.hero-section[data-v-6333616c]{min-height:0;padding-bottom:58px}.section-heading--lab[data-v-6333616c]{position:static}.ide-body[data-v-6333616c],.ide-canvas[data-v-6333616c]{grid-template-columns:1fr}.ide-body[data-v-6333616c]{height:auto;min-height:0}.demo-rail[data-v-6333616c]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.explorer-heading[data-v-6333616c],.explorer-root[data-v-6333616c]{grid-column:1 / -1}.featured-reading[data-v-6333616c]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 840px){.home-main[data-v-6333616c]{width:min(100%,calc(100% - 24px));padding-top:78px}.section-heading[data-v-6333616c]{align-items:start;flex-direction:column}.section-heading-side[data-v-6333616c]{justify-items:start}.demo-lab-section[data-v-6333616c]{padding:22px}.demo-rail[data-v-6333616c],.article-row[data-v-6333616c],.about-panel[data-v-6333616c],.featured-reading[data-v-6333616c]{grid-template-columns:1fr}.article-cover[data-v-6333616c]{max-width:none}.ide-canvas[data-v-6333616c]{gap:12px;padding:12px}.ide-editor[data-v-6333616c]{height:360px}.ide-preview[data-v-6333616c]{height:320px}.ide-tabs[data-v-6333616c]{overflow-x:auto}.ide-statusbar[data-v-6333616c]{flex-wrap:wrap;gap:8px 14px;padding:8px 12px}.about-panel[data-v-6333616c]{align-items:start}}@media (max-width: 640px){.home-main[data-v-6333616c]{width:min(100%,calc(100% - 16px));padding-bottom:40px}.hero-section[data-v-6333616c]{gap:34px;padding-top:4px;padding-bottom:48px}.hero-title[data-v-6333616c]{font-size:34px}.hero-title__pill[data-v-6333616c]{border-radius:12px;box-shadow:4px 4px color-mix(in srgb,var(--accent) 24%,transparent)}.hero-subtitle[data-v-6333616c],.hero-description[data-v-6333616c]{font-size:16px}.hero-index[data-v-6333616c],.demo-lab-section[data-v-6333616c]{border-radius:16px}.index-card[data-v-6333616c]{min-height:0}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.catalog-card[data-v-8347accb]{padding:2px 0 0}.catalog-card-header[data-v-8347accb]{text-align:left!important;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.catalog-card-header div>span[data-v-8347accb]{font-size:14px;color:var(--app-text)}.progress[data-v-8347accb]{color:var(--app-text-soft);font-size:13px;letter-spacing:.08em}.catalog-content[data-v-8347accb]{overflow-y:auto;max-height:calc(100vh - 150px);position:relative;padding-right:4px}.catalog-list[data-v-8347accb]{display:grid;gap:4px}.catalog-link[data-v-8347accb]{width:100%;border:none;background:transparent;text-align:left;color:var(--app-text-muted);border-radius:0;border-left:1px solid var(--app-border);padding:4px 0 8px 8px;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease;font-size:12px;line-height:1.25}.catalog-link[data-v-8347accb]:hover{color:var(--app-text);transform:none;border-left-color:var(--app-text-soft)}.catalog-link.is-active[data-v-8347accb]{color:var(--accent);font-weight:600;border-left-color:var(--accent)}.catalog-link--depth-1[data-v-8347accb]{font-weight:700}.catalog-link--depth-2[data-v-8347accb]{padding-left:24px}.catalog-link--depth-3[data-v-8347accb]{padding-left:34px}.catalog-link--depth-4[data-v-8347accb],.catalog-link--depth-5[data-v-8347accb],.catalog-link--depth-6[data-v-8347accb]{padding-left:42px}.catalog-empty[data-v-8347accb]{color:var(--app-text-soft);padding:8px 0}.catalog-content[data-v-8347accb]::-webkit-scrollbar{width:4px}.catalog-content[data-v-8347accb]::-webkit-scrollbar-thumb{background:#7869554d;border-radius:999px}.catalog-content[data-v-8347accb]::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){.catalog-card[data-v-8347accb]{padding-top:0}.catalog-content[data-v-8347accb]{max-height:unset;padding-right:0}}.divider[data-v-bcf5c88f]{width:100%;height:1px;margin:20px 0;background:linear-gradient(to right,#bd583600,#bd583666,#bd583600)}.prev-next-nav[data-v-bcf5c88f]{display:flex;justify-content:space-between;margin:32px auto;flex:1}.prev-next-item[data-v-bcf5c88f]{width:50%}.nav-link[data-v-bcf5c88f]{flex:1;margin:0 10px;display:block;text-decoration:none;color:var(--accent);font-size:15px;padding:12px 14px;transition:background-color var(--app-motion-duration) var(--app-ease),color var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prev[data-v-bcf5c88f],.next[data-v-bcf5c88f]{border:1px solid var(--app-border);border-radius:var(--app-radius-md);height:100%}.prev[data-v-bcf5c88f]{text-align:left}.next[data-v-bcf5c88f]{text-align:right}.nav-link[data-v-bcf5c88f]:hover{background-color:var(--accent);border-color:var(--accent);color:#fffdf8}.comments-container[data-v-d68f8a8d]{max-width:100%;margin:0 auto}.sr-only[data-v-d68f8a8d]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comment-submit-container[data-v-d68f8a8d]{margin-bottom:24px;padding:16px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background-color:var(--app-surface);box-shadow:var(--app-shadow-sm)}textarea[data-v-d68f8a8d]{width:100%;min-height:120px;padding:12px;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);font-size:14px;line-height:1.5;transition:border-color var(--app-motion-duration) var(--app-ease);resize:vertical;box-sizing:border-box;font-family:inherit}textarea[data-v-d68f8a8d]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #bd583633}textarea[data-v-d68f8a8d]:disabled{background-color:var(--app-surface-sunken);cursor:not-allowed}.actions[data-v-d68f8a8d]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.left-actions[data-v-d68f8a8d]{display:flex;align-items:center;gap:12px}.reply-info[data-v-d68f8a8d]{font-size:12px;color:var(--accent);background:var(--accent-weak);padding:4px 8px;border-radius:var(--app-radius-sm);display:flex;align-items:center;gap:6px}.cancel-reply[data-v-d68f8a8d]{background:none;border:none;color:var(--app-text-soft);cursor:pointer;padding:0;font-size:12px}.cancel-reply[data-v-d68f8a8d]:hover{color:var(--app-text-muted)}.char-count[data-v-d68f8a8d]{font-size:12px;color:var(--app-text-soft);transition:color var(--app-motion-duration) var(--app-ease)}.char-count.over-limit[data-v-d68f8a8d]{color:var(--app-red);font-weight:500}.submit-btn[data-v-d68f8a8d]{padding:8px 20px;font-size:14px;font-weight:500;color:var(--app-surface);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border:none;border-radius:var(--app-radius-sm);cursor:pointer;transition:background var(--app-motion-duration) var(--app-ease),transform var(--app-motion-duration) var(--app-ease);min-width:80px}.submit-btn[data-v-d68f8a8d]:disabled{opacity:.6;cursor:not-allowed}.submit-btn[data-v-d68f8a8d]:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #bd583647}.comments-list[data-v-d68f8a8d]{margin-top:24px}.comments-header[data-v-d68f8a8d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comments-header h3[data-v-d68f8a8d]{margin:0;font-size:18px;color:var(--app-text)}.sort-options[data-v-d68f8a8d]{display:flex;gap:8px}.sort-options button[data-v-d68f8a8d]{padding:6px 12px;font-size:12px;border:1px solid var(--app-border);background:var(--app-surface);border-radius:var(--app-radius-sm);cursor:pointer;transition:background var(--app-motion-duration) var(--app-ease),color var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease)}.sort-options button.active[data-v-d68f8a8d]{background:var(--accent);color:var(--app-surface);border-color:var(--accent)}.comment-item[data-v-d68f8a8d]{display:flex;gap:12px;padding:16px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);margin-bottom:16px}.comment-avatar[data-v-d68f8a8d],.reply-avatar[data-v-d68f8a8d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.comment-avatar img[data-v-d68f8a8d],.reply-avatar img[data-v-d68f8a8d]{width:40px;height:40px;border-radius:50%;object-fit:cover}.reply-avatar img[data-v-d68f8a8d]{width:32px;height:32px}.comment-content[data-v-d68f8a8d]{flex:1}.comment-header[data-v-d68f8a8d],.reply-header[data-v-d68f8a8d]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.username[data-v-d68f8a8d]{font-weight:500;color:var(--app-text)}.time[data-v-d68f8a8d]{font-size:12px;color:var(--app-text-soft)}.comment-text[data-v-d68f8a8d],.reply-text[data-v-d68f8a8d]{line-height:1.6;color:var(--app-text);margin-bottom:12px;word-break:break-word}.reply-to[data-v-d68f8a8d]{color:var(--accent);font-weight:500}.comment-actions[data-v-d68f8a8d],.reply-actions[data-v-d68f8a8d]{display:flex;gap:16px}.action-btn[data-v-d68f8a8d]{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:var(--app-text-muted);background:none;border:none;border-radius:var(--app-radius-sm);cursor:pointer;transition:background var(--app-motion-duration) var(--app-ease),color var(--app-motion-duration) var(--app-ease)}.action-btn[data-v-d68f8a8d]:hover{background:var(--app-surface-sunken);color:var(--app-text)}.action-btn[data-v-d68f8a8d]:disabled{opacity:.5;cursor:not-allowed}.delete-btn[data-v-d68f8a8d]:hover{background:#b4472f1f;color:var(--app-red)}.icon[data-v-d68f8a8d]{font-size:12px}.replies[data-v-d68f8a8d]{margin-top:16px;padding-left:16px;border-left:2px solid var(--app-border)}.reply-item[data-v-d68f8a8d]{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid var(--app-border)}.reply-item[data-v-d68f8a8d]:last-child{border-bottom:none}.reply-content[data-v-d68f8a8d]{flex:1}.empty-comments[data-v-d68f8a8d]{text-align:center;padding:48px 16px;color:var(--app-text-soft)}.empty-icon[data-v-d68f8a8d]{font-size:48px;margin-bottom:16px}.empty-comments p[data-v-d68f8a8d]{margin:0;font-size:14px}.main-container[data-v-d98e0c24]{width:min(100%,1440px);max-width:1440px;margin:0 auto;display:flex;gap:20px;padding:60px 8px 8px;min-height:calc(100vh - 24px);min-width:0}.sidebar[data-v-d98e0c24]{width:300px;flex:0 0 300px;background:var(--app-surface);border-radius:var(--app-radius-lg);padding:20px 0;height:fit-content;min-width:0}.content[data-v-d98e0c24]{flex:1;width:100%;background:var(--app-surface);border-radius:var(--app-radius-lg);max-width:760px;min-width:360px}.right-sidebar[data-v-d98e0c24]{width:300px;min-width:0;display:flex;flex-direction:column;gap:20px}.sidebar-card[data-v-d98e0c24]{background:var(--app-surface);border-radius:var(--app-radius-lg);overflow:hidden;min-width:0}.mobile-sidebar-container[data-v-d98e0c24]{padding:8px}@media (max-width: 1200px){.main-container[data-v-d98e0c24]{max-width:100%}.right-sidebar[data-v-d98e0c24]{width:260px}}@media (max-width: 992px){.main-container[data-v-d98e0c24]{gap:15px}.sidebar[data-v-d98e0c24]{width:200px;flex-basis:200px}.right-sidebar[data-v-d98e0c24]{width:240px}}@media (max-width: 768px){.main-container[data-v-d98e0c24]{flex-direction:column;width:100%;gap:15px;padding:78px 14px 16px}.sidebar[data-v-d98e0c24]{display:none}.content[data-v-d98e0c24]{order:1;width:100%;max-width:none;min-width:0}.right-sidebar[data-v-d98e0c24]{order:2;width:100%;min-width:0;flex-direction:row;gap:15px;overflow-x:auto}.sidebar-card[data-v-d98e0c24]{flex:1}}@media (max-width: 480px){.main-container[data-v-d98e0c24]{padding:74px 10px 14px;gap:12px}.right-sidebar[data-v-d98e0c24]{flex-direction:column;gap:10px}.sidebar-card[data-v-d98e0c24]{min-width:auto}}@media (max-width: 768px) and (orientation: landscape){.main-container[data-v-d98e0c24]{flex-direction:row;padding-top:74px}.content[data-v-d98e0c24]{order:0;min-width:0}.right-sidebar[data-v-d98e0c24]{order:1;width:300px;flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:80vh}.sidebar-card[data-v-d98e0c24]{min-width:auto}}body{background:var(--app-bg);color:var(--app-text)}.article-layout[data-v-d98e0c24]{max-width:1280px;padding:88px 20px 40px;gap:32px;align-items:flex-start}.card-surface[data-v-d98e0c24],.sidebar-card[data-v-d98e0c24],.article-shell[data-v-d98e0c24]{background:transparent;border:none;border-radius:0;box-shadow:none}.sidebar[data-v-d98e0c24]{box-sizing:border-box;background:transparent;border-radius:0;padding:8px 30px 0 0;border-right:1px solid var(--app-border)}.sidebar-sticky[data-v-d98e0c24]{position:sticky;top:92px;height:calc(100vh - 92px)}.sidebar-article-chapter[data-v-d98e0c24]{max-height:calc(100vh - 120px)}.article-shell[data-v-d98e0c24]{background:transparent;border:none;box-shadow:none;display:grid;gap:24px;max-width:none;min-width:0;padding-left:4px}.content.article-shell[data-v-d98e0c24]{max-width:880px;width:100%}.article-header[data-v-d98e0c24]{padding:8px 0 0;background:transparent;border:none;border-radius:0;box-shadow:none;max-width:760px}.article-title[data-v-d98e0c24]{font-size:clamp(30px,4.2vw,44px);font-weight:800;color:var(--app-text);margin:0 0 14px;line-height:1.08;letter-spacing:-.04em;display:none}.article-meta[data-v-d98e0c24]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--app-text-muted);font-size:13px}.article-meta span[data-v-d98e0c24]{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface)}.article-meta-item[data-v-d98e0c24]{color:var(--app-text-muted)}.article-content[data-v-d98e0c24]{padding:0;line-height:1.8;font-size:16px;max-width:760px}.next-previous-article[data-v-d98e0c24]{padding:22px 0 0;background:transparent;border:none;border-top:1px solid var(--app-border);border-radius:0;max-width:760px}.comments-content[data-v-d98e0c24]{padding:22px 0 0;min-height:600px;background:transparent;border:none;border-top:1px solid var(--app-border);border-radius:0;max-width:760px}.comments-content span[data-v-d98e0c24],.next-previous-article span[data-v-d98e0c24]{display:inline-block;margin-bottom:18px;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--app-text)}.sidebar-card[data-v-d98e0c24]{overflow:hidden}.markdown-body[data-v-d98e0c24]{color:var(--app-text);font-size:16px;line-height:1.25;word-break:break-word;max-width:100%}.markdown-body[data-v-d98e0c24] *{box-sizing:border-box}.markdown-body[data-v-d98e0c24]>*:first-child{margin-top:0}.markdown-body[data-v-d98e0c24]>*:last-child{margin-bottom:0}.markdown-body[data-v-d98e0c24] h1,.markdown-body[data-v-d98e0c24] h2,.markdown-body[data-v-d98e0c24] h3,.markdown-body[data-v-d98e0c24] h4,.markdown-body[data-v-d98e0c24] h5,.markdown-body[data-v-d98e0c24] h6{color:var(--app-text);line-height:1.12;letter-spacing:-.04em;margin-top:2.1em;margin-bottom:.9em;scroll-margin-top:96px}.markdown-body[data-v-d98e0c24] h1{font-family:var(--font-display);font-size:2.4rem}.markdown-body[data-v-d98e0c24] h2{font-family:var(--font-display);font-size:1.9rem;padding-bottom:.42em;border-bottom:1px solid var(--app-border)}.markdown-body[data-v-d98e0c24] h3{font-size:1.5rem}.markdown-body[data-v-d98e0c24] h4{font-size:1.22rem}.markdown-body[data-v-d98e0c24] p,.markdown-body[data-v-d98e0c24] ul,.markdown-body[data-v-d98e0c24] ol,.markdown-body[data-v-d98e0c24] blockquote,.markdown-body[data-v-d98e0c24] table,.markdown-body[data-v-d98e0c24] pre{margin:1em 0}.markdown-body[data-v-d98e0c24] ul,.markdown-body[data-v-d98e0c24] ol{padding-left:1.4em}.markdown-body[data-v-d98e0c24] li+li{margin-top:.4em}.markdown-body[data-v-d98e0c24] a{color:var(--app-blue);text-decoration:none}.markdown-body[data-v-d98e0c24] a:hover{text-decoration:underline}.markdown-body[data-v-d98e0c24] code{padding:.16em .42em;border-radius:var(--app-radius-sm);background:var(--accent-weak);color:var(--accent-hover);font-size:.92em;font-family:var(--font-mono)}.markdown-body[data-v-d98e0c24] pre{padding:22px 24px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,#2c2823,#262220);color:#ece4d8;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff0f}.markdown-body[data-v-d98e0c24] pre code{padding:0;background:transparent;color:inherit}.markdown-body[data-v-d98e0c24] .code-block{margin:1.2em 0;max-width:100%;border-radius:var(--app-radius-lg);overflow:hidden;background:linear-gradient(180deg,#2c2823,#262220);box-shadow:inset 0 0 0 1px #ffffff0f}.markdown-body[data-v-d98e0c24] .code-block__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#14110f59;border-bottom:1px solid rgba(255,255,255,.08)}.markdown-body[data-v-d98e0c24] .code-block__lang{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e3b496}.markdown-body[data-v-d98e0c24] .code-block__copy{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;background:#ffffff14;color:#ece4d8;font-size:12px;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.markdown-body[data-v-d98e0c24] .code-block__copy:hover{border-color:#e3b49680;background:#bd583652;color:#fff}.markdown-body[data-v-d98e0c24] .code-block pre{margin:0;padding:18px 20px 20px;border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-body[data-v-d98e0c24] .code-block .hljs{display:block;overflow-x:auto;padding:0;background:transparent}.markdown-body[data-v-d98e0c24] blockquote{padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 var(--app-radius-md) var(--app-radius-md) 0;background:var(--app-surface-sunken);color:var(--app-text-muted)}.markdown-body[data-v-d98e0c24] hr{border:none;height:1px;background:linear-gradient(90deg,#96877300,#96877399,#96877300);margin:2em 0}.markdown-body[data-v-d98e0c24] img{display:block;max-width:100%;height:auto;margin:1.6em auto;border-radius:16px;box-shadow:none}.markdown-body[data-v-d98e0c24] table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;border:1px solid var(--app-border)}.markdown-body[data-v-d98e0c24] thead{background:var(--app-surface-sunken)}.markdown-body[data-v-d98e0c24] th,.markdown-body[data-v-d98e0c24] td{padding:12px 14px;border-bottom:1px solid var(--app-border);text-align:left}.markdown-body[data-v-d98e0c24] tr:last-child td{border-bottom:none}.top-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%200.96%200.96'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cg%20fill='%23000000'%3e%3cpath%20d='M0.15%200.15a0.045%200.045%200%200%201%200%20-0.09H0.78a0.045%200.045%200%200%201%200%200.09zm0.029%200.438a0.045%200.045%200%200%200%200.064%20-0.002L0.42%200.398v0.457a0.045%200.045%200%200%200%200.09%200V0.398l0.177%200.188a0.045%200.045%200%200%200%200.065%20-0.062l-0.255%20-0.27a0.045%200.045%200%200%200%20-0.065%200l-0.255%200.27a0.045%200.045%200%200%200%200.002%200.064'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;background-size:60%}.message-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%201.44%201.44'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.12%200.36a0.12%200.12%200%200%201%200.12%20-0.12h0.96a0.12%200.12%200%200%201%200.12%200.12v0.66a0.12%200.12%200%200%201%20-0.12%200.12h-0.275l-0.162%200.162a0.06%200.06%200%200%201%20-0.085%200L0.515%201.14H0.24a0.12%200.12%200%200%201%20-0.12%20-0.12zm1.08%200H0.24v0.66h0.3a0.06%200.06%200%200%201%200.042%200.018L0.72%201.175l0.138%20-0.138A0.06%200.06%200%200%201%200.9%201.02h0.3zM0.36%200.57a0.06%200.06%200%200%201%200.06%20-0.06h0.6a0.06%200.06%200%201%201%200%200.12H0.42a0.06%200.06%200%200%201%20-0.06%20-0.06m0%200.24a0.06%200.06%200%200%201%200.06%20-0.06h0.36a0.06%200.06%200%201%201%200%200.12H0.42a0.06%200.06%200%200%201%20-0.06%20-0.06'%20fill='%230D0D0D'/%3e%3c/svg%3e") no-repeat center;background-size:60%}.csdn-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%203.84%203.84'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--emojione'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cpath%20cx='32'%20cy='32'%20r='30'%20d='M3.72%201.92A1.8%201.8%200%200%201%201.92%203.72A1.8%201.8%200%200%201%200.12%201.92A1.8%201.8%200%200%201%203.72%201.92z'/%3e%3cpath%20d='M1.398%201.224c0.138%20-0.144%200.318%20-0.216%200.534%20-0.216%200.288%200%200.504%200.096%200.636%200.288%200.072%200.108%200.114%200.216%200.12%200.324h-0.366c-0.024%20-0.084%20-0.054%20-0.144%20-0.09%20-0.186%20-0.066%20-0.078%20-0.162%20-0.114%20-0.288%20-0.114q-0.198%200%20-0.306%200.162c-0.072%200.108%20-0.114%200.258%20-0.114%200.45%200%200.198%200.042%200.342%200.12%200.438s0.18%200.144%200.3%200.144q0.189%200%200.288%20-0.126c0.036%20-0.042%200.066%20-0.114%200.09%20-0.204h0.36c-0.03%200.192%20-0.108%200.342%20-0.24%200.462%20-0.126%200.12%20-0.294%200.18%20-0.492%200.18%20-0.246%200%20-0.444%20-0.078%20-0.582%20-0.24%20-0.144%20-0.162%20-0.21%20-0.384%20-0.21%20-0.666%20-0.006%20-0.3%200.078%20-0.534%200.24%20-0.696'%20fill='%23ffffff'/%3e%3c/svg%3e") no-repeat center;background-size:60%}.juejin-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='m12%2014.316l7.454-5.88l-2.022-1.625L12%2011.1l-.004.003l-5.432-4.288l-2.02%201.624l7.452%205.88Zm0-7.247l2.89-2.298L12%202.453l-.004-.005l-2.884%202.318l2.884%202.3Zm0%2011.266l-.005.002l-9.975-7.87L0%2012.088l.194.156l11.803%209.308l7.463-5.885L24%2012.085l-2.023-1.624Z'%3e%3c/path%3e%3c/svg%3e") no-repeat center;background-size:60%}.github-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20width='48px'%20height='48px'%20viewBox='0%200%201.44%201.44'%20xmlns='http://www.w3.org/2000/svg'%20data-name='Layer%201'%3e%3cpath%20d='M0.72%200.135a0.6%200.6%200%200%200%20-0.19%201.169c0.03%200.005%200.041%20-0.013%200.041%20-0.028%200%20-0.014%20-0.001%20-0.061%20-0.001%20-0.112%20-0.151%200.028%20-0.19%20-0.037%20-0.202%20-0.07a0.218%200.218%200%200%200%20-0.061%20-0.085c-0.021%20-0.011%20-0.051%20-0.039%20-0.001%20-0.04a0.12%200.12%200%200%201%200.092%200.061%200.128%200.128%200%200%200%200.175%200.049%200.126%200.126%200%200%201%200.038%20-0.08c-0.134%20-0.015%20-0.273%20-0.067%20-0.273%20-0.296a0.234%200.234%200%200%201%200.061%20-0.161%200.216%200.216%200%200%201%200.006%20-0.159s0.05%20-0.016%200.165%200.061a0.566%200.566%200%200%201%200.3%200c0.115%20-0.078%200.165%20-0.061%200.165%20-0.061a0.216%200.216%200%200%201%200.006%200.159%200.232%200.232%200%200%201%200.061%200.161c0%200.23%20-0.14%200.281%20-0.274%200.296a0.142%200.142%200%200%201%200.04%200.111c0%200.08%20-0.001%200.145%20-0.001%200.165%200%200.016%200.011%200.034%200.041%200.028A0.6%200.6%200%200%200%200.72%200.135'/%3e%3c/svg%3e") no-repeat center;background-size:60%}.gitee-icon[data-v-d98e0c24]{background:url("data:image/svg+xml,%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%2048%2048'%20role='img'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.968%200A24%2024%200%200%200%200%2024a24%2024%200%200%200%2024%2024%2024%2024%200%200%200%2024%20-24A24%2024%200%200%200%2024%200zm12.18%2010.666c0.656%200%201.186%200.532%201.184%201.186v2.964a1.188%201.188%200%200%201%20-1.186%201.184H19.554c-1.964%200%20-3.556%201.592%20-3.556%203.556v11.26c0%200.654%200.532%201.184%201.186%201.184h11.26c1.964%200%203.556%20-1.592%203.556%20-3.556v-0.592a1.186%201.186%200%200%200%20-1.184%20-1.186h-8.3a1.18%201.18%200%200%201%20-1.184%20-1.184v-2.964a1.186%201.186%200%200%201%201.186%20-1.184h13.63c0.654%200%201.186%200.53%201.186%201.184v6.816a8%208%200%200%201%20-8%208H11.852a1.186%201.186%200%200%201%20-1.186%20-1.186V19.556a8.888%208.888%200%200%201%208.89%20-8.888h16.592z'/%3e%3c/svg%3e") no-repeat center;background-size:60%}.fab-container[data-v-d98e0c24]{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px}.fab-actions[data-v-d98e0c24]{display:flex;flex-direction:column;gap:10px;align-items:center}.fab-item[data-v-d98e0c24]{width:44px;height:44px;border-radius:50%;background-color:var(--app-surface);border:1px solid var(--app-border);box-shadow:var(--app-shadow-sm);background-size:60%!important;background-position:center!important;background-repeat:no-repeat!important}@media (max-width: 768px){.article-layout[data-v-d98e0c24]{padding-top:78px;padding-left:14px;padding-right:14px;gap:16px;max-width:100%}.sidebar-sticky[data-v-d98e0c24]{position:static;height:auto}.sidebar[data-v-d98e0c24]{width:100%;padding:0 0 12px;border-right:none;border-bottom:1px solid var(--app-border)}.article-title[data-v-d98e0c24]{font-size:30px}.article-header[data-v-d98e0c24],.article-content[data-v-d98e0c24],.next-previous-article[data-v-d98e0c24],.comments-content[data-v-d98e0c24]{padding-left:0;padding-right:0;max-width:none}.article-shell[data-v-d98e0c24]{padding-left:0}.markdown-body[data-v-d98e0c24] pre{padding:16px 16px 18px;border-radius:15px;font-size:13px;line-height:1.7}.markdown-body[data-v-d98e0c24] .code-block{border-radius:16px}.markdown-body[data-v-d98e0c24] .code-block__header{padding:9px 12px}.markdown-body[data-v-d98e0c24] .code-block__lang,.markdown-body[data-v-d98e0c24] .code-block__copy{font-size:11px}.markdown-body[data-v-d98e0c24] .code-block pre{padding:14px 14px 16px}.markdown-body[data-v-d98e0c24] .code-block .hljs{font-size:12.5px;line-height:1.7}}@media (max-width: 480px){.article-layout[data-v-d98e0c24]{padding-left:10px;padding-right:10px}.article-title[data-v-d98e0c24]{font-size:24px}.markdown-body[data-v-d98e0c24] code{padding:.12em .34em;font-size:.84em}.markdown-body[data-v-d98e0c24] pre{padding:14px 14px 16px;border-radius:14px;font-size:13px;line-height:1.65}.markdown-body[data-v-d98e0c24] .code-block{margin:1em 0;border-radius:14px}.markdown-body[data-v-d98e0c24] .code-block__header{padding:8px 10px;gap:8px}.markdown-body[data-v-d98e0c24] .code-block__lang{min-width:0;font-size:11px;letter-spacing:.05em}.markdown-body[data-v-d98e0c24] .code-block__copy{flex:0 0 auto;padding:4px 8px;font-size:11px}.markdown-body[data-v-d98e0c24] .code-block pre{padding:12px 12px 14px}.markdown-body[data-v-d98e0c24] .code-block .hljs{font-size:12px;line-height:1.65}}.tutorials-page[data-v-003ac7fc]{min-height:100vh;background:var(--app-bg)}.tutorials-main[data-v-003ac7fc]{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:118px 0 72px}.tutorials-hero[data-v-003ac7fc]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--app-border)}.hero-copy[data-v-003ac7fc]{display:grid;gap:6px}.page-description[data-v-003ac7fc]{margin:0;font-family:var(--font-display);font-weight:600;color:var(--app-text);font-size:26px;line-height:1.3}.toolbar[data-v-003ac7fc]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.back-link[data-v-003ac7fc]{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text);font-size:13px;font-weight:600;text-decoration:none}.back-link[data-v-003ac7fc]:hover{border-color:var(--accent-line);color:var(--app-blue)}.sort-chip[data-v-003ac7fc]{height:38px;padding:0 16px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-muted);font-size:13px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.sort-chip[data-v-003ac7fc]:hover{background:var(--app-surface);border-color:var(--app-border-strong);color:var(--app-text);transform:translateY(-1px)}.sort-chip.active[data-v-003ac7fc]{background:var(--accent-weak);border-color:var(--accent-line);color:var(--app-blue)}.tutorials-summary[data-v-003ac7fc]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 8px;color:var(--app-text-soft);font-size:14px}.article-list[data-v-003ac7fc]{display:grid}.category-grid[data-v-003ac7fc]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-top:14px}.timeline-list[data-v-003ac7fc]{position:relative;gap:0;padding-top:10px}.timeline-list[data-v-003ac7fc]:before{content:"";position:absolute;top:28px;bottom:26px;left:118px;width:1px;background:#78695538}.category-card[data-v-003ac7fc]{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-surface);box-shadow:var(--app-shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.category-card[data-v-003ac7fc]:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-md);transform:translateY(-2px)}.timeline-item[data-v-003ac7fc]{position:relative;display:grid;grid-template-columns:92px 52px 180px minmax(0,1fr);gap:0 18px;padding:18px 0 24px}.timeline-date[data-v-003ac7fc]{display:grid;align-content:start;justify-items:end;gap:2px;padding-top:4px;color:var(--app-text-muted);font-size:12px;line-height:1.1}.timeline-date strong[data-v-003ac7fc]{color:var(--app-text);font-size:18px;line-height:1.1}.timeline-node[data-v-003ac7fc]{position:relative;z-index:1;justify-self:center;width:13px;height:13px;margin-top:10px;border:3px solid var(--app-blue);border-radius:999px;background:#fff}.timeline-cover[data-v-003ac7fc]{display:grid;place-items:center;overflow:hidden;align-self:start;padding:10px;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-surface);aspect-ratio:16 / 10}.timeline-cover img[data-v-003ac7fc]{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease}.timeline-cover:hover img[data-v-003ac7fc]{transform:scale(1.035)}.article-cover[data-v-003ac7fc]{display:block;overflow:hidden;border-bottom:1px solid var(--app-border);background:var(--app-surface-sunken);aspect-ratio:16 / 10}.article-cover img[data-v-003ac7fc]{width:100%;height:100%;object-fit:cover;display:block}.article-copy[data-v-003ac7fc]{min-width:0}.category-card .article-copy[data-v-003ac7fc]{display:grid;grid-template-rows:auto auto 1fr auto;gap:0;padding:18px}.timeline-item .article-copy[data-v-003ac7fc]{padding:0 0 22px;border-bottom:1px solid var(--app-border)}.article-meta[data-v-003ac7fc]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:var(--app-text-soft);font-size:12px}.meta-pill[data-v-003ac7fc],.tag-chip[data-v-003ac7fc]{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);font-size:12px}.article-copy h2[data-v-003ac7fc]{margin:10px 0 0;font-size:21px;line-height:1.28}.article-copy h2 a[data-v-003ac7fc]{color:var(--app-text);text-decoration:none}.article-copy h2 a[data-v-003ac7fc]:hover{color:var(--app-blue)}.article-copy p[data-v-003ac7fc]{margin:10px 0 0;color:var(--app-text-muted);font-size:14px;line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-footer[data-v-003ac7fc]{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tag-list[data-v-003ac7fc]{display:flex;flex-wrap:wrap;gap:8px}.article-link[data-v-003ac7fc]{color:var(--app-blue);text-decoration:none;font-weight:600;white-space:nowrap;font-size:14px}.article-link[data-v-003ac7fc]:hover{color:var(--app-blue-hover)}.pagination[data-v-003ac7fc]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding-top:28px;border-top:1px solid var(--app-border)}.page-button[data-v-003ac7fc],.page-number[data-v-003ac7fc]{height:40px;min-width:40px;padding:0 14px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-muted);font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.page-button[data-v-003ac7fc]:hover,.page-number[data-v-003ac7fc]:hover{background:var(--app-surface);border-color:var(--app-border-strong);color:var(--app-text)}.page-button[data-v-003ac7fc]:disabled{opacity:.45;cursor:not-allowed}.page-number.active[data-v-003ac7fc]{background:var(--accent-weak);border-color:var(--accent-line);color:var(--app-blue)}@media (max-width: 900px){.tutorials-main[data-v-003ac7fc]{width:min(100% - 28px,980px);padding-top:102px}.tutorials-hero[data-v-003ac7fc]{align-items:start;flex-direction:column}.category-grid[data-v-003ac7fc]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.timeline-list[data-v-003ac7fc]:before{left:86px}.timeline-item[data-v-003ac7fc]{grid-template-columns:72px 30px 148px minmax(0,1fr);gap:0 14px}}@media (max-width: 640px){.tutorials-main[data-v-003ac7fc]{width:calc(100% - 24px);padding-top:92px}.tutorials-hero[data-v-003ac7fc]{gap:14px;padding-bottom:14px}.page-kicker[data-v-003ac7fc]{margin-bottom:6px;font-size:11px}.page-description[data-v-003ac7fc]{font-size:16px}.toolbar[data-v-003ac7fc]{width:100%}.sort-chip[data-v-003ac7fc]{flex:1 1 calc(50% - 5px);justify-content:center}.tutorials-summary[data-v-003ac7fc],.article-footer[data-v-003ac7fc]{align-items:start;flex-direction:column}.tutorials-summary[data-v-003ac7fc]{padding-top:14px;gap:6px;font-size:13px}.category-grid[data-v-003ac7fc]{grid-template-columns:1fr;gap:16px}.timeline-list[data-v-003ac7fc]{padding-top:2px}.timeline-list[data-v-003ac7fc]:before{left:10px}.timeline-item[data-v-003ac7fc]{grid-template-columns:22px minmax(0,1fr);padding:14px 0 18px;gap:0}.timeline-date[data-v-003ac7fc]{grid-column:2;grid-row:1;justify-items:start;display:flex;align-items:baseline;gap:6px;padding:0 0 8px}.timeline-date strong[data-v-003ac7fc]{font-size:14px}.timeline-node[data-v-003ac7fc]{grid-column:1;grid-row:1 / span 3;width:11px;height:11px;margin-top:4px}.timeline-cover[data-v-003ac7fc]{grid-column:2;grid-row:2;width:min(100%,240px);margin-bottom:12px}.timeline-item .article-copy[data-v-003ac7fc]{grid-column:2;grid-row:3;padding-bottom:18px}.category-card .article-copy[data-v-003ac7fc]{padding:15px}.article-cover[data-v-003ac7fc]{border-radius:0}.article-meta[data-v-003ac7fc]{gap:8px 10px;font-size:11px}.meta-pill[data-v-003ac7fc],.tag-chip[data-v-003ac7fc]{height:24px;padding:0 9px;font-size:11px}.article-copy h2[data-v-003ac7fc]{font-size:18px;line-height:1.34}.article-copy p[data-v-003ac7fc]{font-size:13px;line-height:1.7}.article-link[data-v-003ac7fc]{font-size:13px}.pagination[data-v-003ac7fc]{gap:8px;padding-top:22px;justify-content:flex-start}.page-button[data-v-003ac7fc],.page-number[data-v-003ac7fc]{height:36px;min-width:36px;padding:0 12px;font-size:13px}}.content-container[data-v-859e064c]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-859e064c]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-859e064c]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-859e064c]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-859e064c]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-859e064c]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-859e064c]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-859e064c]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-859e064c],.content-item select[data-v-859e064c],.content-item textarea[data-v-859e064c]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-859e064c]:focus,.content-item select[data-v-859e064c]:focus,.content-item textarea[data-v-859e064c]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-859e064c]{min-height:96px;resize:vertical}.btn[data-v-859e064c]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-859e064c]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-859e064c]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-859e064c]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-859e064c]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-859e064c]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-859e064c]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-859e064c]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-859e064c]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-859e064c]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-859e064c]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-859e064c]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-859e064c .8s linear infinite}.list-block[data-v-859e064c]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-859e064c]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-859e064c]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-859e064c]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-859e064c]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-859e064c]{flex:1 1 240px}.full-width[data-v-859e064c]{flex:1 1 100%}.field-label[data-v-859e064c]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-859e064c]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-859e064c]{color:var(--app-text-muted)}.field-value--truncate[data-v-859e064c]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-859e064c]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-859e064c]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-859e064c]{min-height:96px;resize:vertical}.field-input--xs[data-v-859e064c]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-859e064c]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-859e064c]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-859e064c 1.6s ease-in-out infinite}.skeleton-line[data-v-859e064c]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-859e064c 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-859e064c]{width:40%}.skeleton-line.w-60[data-v-859e064c]{width:60%}.skeleton-line.w-80[data-v-859e064c]{width:80%}.skeleton-line.w-25[data-v-859e064c]{width:25%}.empty-state[data-v-859e064c]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-859e064c]{font-size:20px}.label-sm[data-v-859e064c]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-859e064c{to{transform:rotate(360deg)}}@keyframes pulse-859e064c{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-859e064c]{padding:0 0 24px}.content-item[data-v-859e064c]{flex-direction:column;align-items:stretch}.content-item>span[data-v-859e064c]{min-width:auto}.list-row[data-v-859e064c]{align-items:flex-start}.field[data-v-859e064c],.field.field-grow[data-v-859e064c]{flex:1 1 100%}.inline-actions[data-v-859e064c]{width:100%;justify-content:flex-start;white-space:normal}}.analytics-container[data-v-859e064c]{gap:20px}.analytics-header[data-v-859e064c]{flex-direction:row;align-items:end;justify-content:space-between;gap:18px}.toolbar[data-v-859e064c]{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:10px}.toolbar-field[data-v-859e064c]{display:grid;gap:6px;min-width:150px}.toolbar-field span[data-v-859e064c]{font-size:11px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em}.toolbar-field select[data-v-859e064c]{min-height:38px;padding:0 10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text)}.refresh-button[data-v-859e064c]{min-height:38px;border-radius:8px}.stat-grid[data-v-859e064c]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card[data-v-859e064c]{position:relative;overflow:hidden;display:grid;gap:8px;padding:18px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.stat-card[data-v-859e064c]:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--stat-color, var(--app-blue))}.stat-card[data-v-859e064c]:nth-child(1){--stat-color: var(--app-blue)}.stat-card[data-v-859e064c]:nth-child(2){--stat-color: var(--accent)}.stat-card[data-v-859e064c]:nth-child(3){--stat-color: var(--app-orange)}.stat-card[data-v-859e064c]:nth-child(4){--stat-color: var(--app-red)}.stat-card span[data-v-859e064c]{color:var(--app-text-muted);font-size:12px;font-weight:700}.stat-card strong[data-v-859e064c]{color:var(--app-text);font-size:30px;line-height:1}.stats-layout[data-v-859e064c]{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:16px}.stats-panel[data-v-859e064c]{--panel-accent: var(--app-blue);display:flex;flex-direction:column;gap:14px;min-height:340px;padding:18px;border:1px solid var(--app-border);border-top:3px solid var(--panel-accent);border-radius:8px;background:var(--app-surface)}.stats-panel[data-v-859e064c]:nth-child(1){--panel-accent: var(--app-blue)}.stats-panel[data-v-859e064c]:nth-child(2){--panel-accent: var(--app-orange)}.stats-panel[data-v-859e064c]:nth-child(3){--panel-accent: var(--app-red)}.stats-panel[data-v-859e064c]:nth-child(4){--panel-accent: var(--accent)}.stats-panel--wide[data-v-859e064c]{grid-column:1 / -1}.article-table-panel[data-v-859e064c]{min-height:auto}.panel-header[data-v-859e064c]{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.panel-header h2[data-v-859e064c]{margin:0;color:var(--app-text);font-size:17px}.panel-header p[data-v-859e064c]{margin:0;color:var(--app-text-muted);font-size:13px}.chart-shell[data-v-859e064c]{position:relative;flex:1;min-height:300px}.chart-shell canvas[data-v-859e064c]{width:100%!important;height:100%!important}.cta-chart-shell[data-v-859e064c]{min-height:230px}.cta-counts[data-v-859e064c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cta-counts span[data-v-859e064c]{padding:10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text-muted);font-size:12px;font-weight:700;text-align:center}.article-table[data-v-859e064c]{overflow:hidden;border:1px solid var(--app-border);border-radius:8px}.article-table-head[data-v-859e064c],.article-row[data-v-859e064c]{display:grid;grid-template-columns:64px minmax(240px,1fr) 110px 100px;align-items:center;gap:14px}.article-table-head[data-v-859e064c]{min-height:42px;padding:0 16px;background:var(--app-surface);color:var(--app-text-muted);font-size:12px;font-weight:700}.article-row[data-v-859e064c]{min-height:54px;padding:9px 16px;color:var(--app-text);text-decoration:none;border-top:1px solid var(--app-border)}.article-row[data-v-859e064c]:hover{background:var(--app-surface)}.rank[data-v-859e064c]{color:var(--app-text-soft);font-weight:800}.article-title[data-v-859e064c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.stats-empty[data-v-859e064c]{justify-content:center;min-height:180px;padding:18px}.chart-loading-card[data-v-859e064c]{min-height:220px}@media (max-width: 1120px){.analytics-header[data-v-859e064c]{align-items:stretch;flex-direction:column}.toolbar[data-v-859e064c]{justify-content:flex-start}.stat-grid[data-v-859e064c],.stats-layout[data-v-859e064c]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.stat-grid[data-v-859e064c],.stats-layout[data-v-859e064c]{grid-template-columns:1fr}.toolbar[data-v-859e064c],.toolbar-field[data-v-859e064c],.refresh-button[data-v-859e064c]{width:100%}.article-table-head[data-v-859e064c]{display:none}.article-row[data-v-859e064c]{grid-template-columns:44px 1fr;gap:8px 12px}.article-title[data-v-859e064c]{grid-column:2}.article-row span[data-v-859e064c]:nth-child(3):before{content:"点击 ";color:var(--app-text-muted)}.article-row span[data-v-859e064c]:nth-child(4):before{content:"UV ";color:var(--app-text-muted)}}.content-container[data-v-8c3b6b15]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-8c3b6b15]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-8c3b6b15]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-8c3b6b15]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-8c3b6b15]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-8c3b6b15]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-8c3b6b15]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-8c3b6b15]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-8c3b6b15],.content-item select[data-v-8c3b6b15],.content-item textarea[data-v-8c3b6b15]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-8c3b6b15]:focus,.content-item select[data-v-8c3b6b15]:focus,.content-item textarea[data-v-8c3b6b15]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-8c3b6b15]{min-height:96px;resize:vertical}.btn[data-v-8c3b6b15]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-8c3b6b15]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-8c3b6b15]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-8c3b6b15]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-8c3b6b15]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-8c3b6b15]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-8c3b6b15]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-8c3b6b15]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-8c3b6b15]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-8c3b6b15]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-8c3b6b15]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-8c3b6b15]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-8c3b6b15 .8s linear infinite}.list-block[data-v-8c3b6b15]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-8c3b6b15]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-8c3b6b15]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-8c3b6b15]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-8c3b6b15]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-8c3b6b15]{flex:1 1 240px}.full-width[data-v-8c3b6b15]{flex:1 1 100%}.field-label[data-v-8c3b6b15]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-8c3b6b15]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-8c3b6b15]{color:var(--app-text-muted)}.field-value--truncate[data-v-8c3b6b15]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-8c3b6b15]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-8c3b6b15]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-8c3b6b15]{min-height:96px;resize:vertical}.field-input--xs[data-v-8c3b6b15]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-8c3b6b15]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-8c3b6b15]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-8c3b6b15 1.6s ease-in-out infinite}.skeleton-line[data-v-8c3b6b15]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-8c3b6b15 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-8c3b6b15]{width:40%}.skeleton-line.w-60[data-v-8c3b6b15]{width:60%}.skeleton-line.w-80[data-v-8c3b6b15]{width:80%}.skeleton-line.w-25[data-v-8c3b6b15]{width:25%}.empty-state[data-v-8c3b6b15]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-8c3b6b15]{font-size:20px}.label-sm[data-v-8c3b6b15]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-8c3b6b15{to{transform:rotate(360deg)}}@keyframes pulse-8c3b6b15{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-8c3b6b15]{padding:0 0 24px}.content-item[data-v-8c3b6b15]{flex-direction:column;align-items:stretch}.content-item>span[data-v-8c3b6b15]{min-width:auto}.list-row[data-v-8c3b6b15]{align-items:flex-start}.field[data-v-8c3b6b15],.field.field-grow[data-v-8c3b6b15]{flex:1 1 100%}.inline-actions[data-v-8c3b6b15]{width:100%;justify-content:flex-start;white-space:normal}}.user-container[data-v-8c3b6b15]{gap:18px}.user-header[data-v-8c3b6b15]{flex-direction:row;align-items:end;justify-content:space-between;gap:18px}.user-refresh[data-v-8c3b6b15]{min-height:38px;border-radius:8px;white-space:nowrap}.user-summary-grid[data-v-8c3b6b15]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-summary-card[data-v-8c3b6b15]{position:relative;overflow:hidden;display:grid;gap:8px;padding:16px 18px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);box-shadow:var(--app-shadow-sm)}.user-summary-card[data-v-8c3b6b15]:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--app-blue)}.user-summary-card--admin[data-v-8c3b6b15]:before{background:var(--app-green)}.user-summary-card--secure[data-v-8c3b6b15]:before{background:var(--app-orange)}.user-summary-card span[data-v-8c3b6b15]{color:var(--app-text-muted);font-size:12px;font-weight:700}.user-summary-card strong[data-v-8c3b6b15]{color:var(--app-text);font-size:28px;line-height:1}.user-list[data-v-8c3b6b15]{display:grid;gap:12px}.user-card[data-v-8c3b6b15]{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(360px,1.6fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.user-card[data-v-8c3b6b15]:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-md);transform:translateY(-1px)}.user-card-main[data-v-8c3b6b15]{display:flex;align-items:center;gap:14px;min-width:0}.user-avatar[data-v-8c3b6b15]{width:56px;height:56px;flex:0 0 56px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);object-fit:cover}.user-identity[data-v-8c3b6b15]{display:grid;gap:6px;min-width:0}.user-title-line[data-v-8c3b6b15]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.user-title-line strong[data-v-8c3b6b15]{min-width:0;color:var(--app-text);font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-index[data-v-8c3b6b15]{color:var(--app-text-soft);font-size:13px;font-weight:800}.user-email[data-v-8c3b6b15]{color:var(--app-text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill[data-v-8c3b6b15]{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-pill--admin[data-v-8c3b6b15]{border:1px solid rgba(93,122,74,.22);background:#5d7a4a1a;color:var(--app-green)}.status-pill--normal[data-v-8c3b6b15]{border:1px solid var(--app-border);background:var(--app-surface-sunken);color:var(--app-text-muted)}.user-details[data-v-8c3b6b15]{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(120px,.7fr) minmax(180px,1.3fr);gap:10px;min-width:0}.detail-item[data-v-8c3b6b15]{display:grid;gap:5px;min-width:0;padding:10px 12px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-sunken)}.detail-item span[data-v-8c3b6b15]{color:var(--app-text-muted);font-size:12px;font-weight:700}.detail-item strong[data-v-8c3b6b15]{min-width:0;color:var(--app-text);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-success[data-v-8c3b6b15]{color:var(--app-green)!important}.text-muted[data-v-8c3b6b15]{color:var(--app-text-muted)!important}.user-card-actions[data-v-8c3b6b15]{display:flex;justify-content:flex-end}.user-delete[data-v-8c3b6b15]{min-width:70px;border-radius:8px}@media (max-width: 1120px){.user-card[data-v-8c3b6b15]{grid-template-columns:1fr;align-items:stretch}.user-card-actions[data-v-8c3b6b15]{justify-content:flex-start}}@media (max-width: 768px){.user-header[data-v-8c3b6b15]{align-items:stretch;flex-direction:column}.user-refresh[data-v-8c3b6b15]{width:100%}.user-summary-grid[data-v-8c3b6b15],.user-details[data-v-8c3b6b15]{grid-template-columns:1fr}.user-card[data-v-8c3b6b15]{padding:14px}.user-card-main[data-v-8c3b6b15]{align-items:flex-start}.user-avatar[data-v-8c3b6b15]{width:52px;height:52px;flex-basis:52px}.user-delete[data-v-8c3b6b15]{width:100%}}.image-upload-overlay[data-v-12a85eb4]{position:fixed;top:0;left:0;z-index:10020;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#2a242073}.image-upload-container[data-v-12a85eb4]{width:360px;margin:80px auto;padding:24px;background:var(--app-surface);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-md);display:flex;flex-direction:column}.image-upload-header[data-v-12a85eb4]{display:flex;justify-content:space-between;margin-bottom:16px}.image-upload-close[data-v-12a85eb4]{height:32px;width:32px;display:inline-block;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}.image-upload-close[data-v-12a85eb4]:hover{cursor:pointer;border-radius:50%;border:1px solid var(--app-border)}.image-upload-content[data-v-12a85eb4]{display:flex;flex-direction:column;gap:8px}.image-upload-item[data-v-12a85eb4]{display:flex;align-items:center;margin-bottom:15px}.image-upload-item[data-v-12a85eb4]:last-child{margin-bottom:0}.image-upload-item .label[data-v-12a85eb4]{flex:0 0 100px;font-weight:500;color:var(--app-text)}.image-upload-item span[data-v-12a85eb4]:not(.label){flex:1;color:var(--app-text-muted)}.image-upload-item input[data-v-12a85eb4]{flex:1;padding:8px 10px;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);font-size:14px;outline:none}.image-upload-item input[data-v-12a85eb4]:focus{border-color:var(--accent);box-shadow:0 0 5px #bd583659}.confirm-button[data-v-12a85eb4]{background-color:var(--app-green);color:#fff;padding:10px 20px;border:none;border-radius:var(--app-radius-sm);cursor:pointer}.upload-image-preview[data-v-12a85eb4]{width:280px;height:150px;margin-left:10px;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);object-fit:cover;background-color:var(--app-surface-sunken);cursor:pointer;display:flex;justify-content:center}.upload-image-preview img[data-v-12a85eb4]{max-height:100%;max-width:100%;object-fit:contain}.content-container[data-v-79d00a26]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-79d00a26]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-79d00a26]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-79d00a26]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-79d00a26]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-79d00a26]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-79d00a26]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-79d00a26]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-79d00a26],.content-item select[data-v-79d00a26],.content-item textarea[data-v-79d00a26]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-79d00a26]:focus,.content-item select[data-v-79d00a26]:focus,.content-item textarea[data-v-79d00a26]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-79d00a26]{min-height:96px;resize:vertical}.btn[data-v-79d00a26]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-79d00a26]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-79d00a26]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-79d00a26]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-79d00a26]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-79d00a26]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-79d00a26]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-79d00a26]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-79d00a26]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-79d00a26]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-79d00a26]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-79d00a26]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-79d00a26 .8s linear infinite}.list-block[data-v-79d00a26]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-79d00a26]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-79d00a26]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-79d00a26]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-79d00a26]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-79d00a26]{flex:1 1 240px}.full-width[data-v-79d00a26]{flex:1 1 100%}.field-label[data-v-79d00a26]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-79d00a26]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-79d00a26]{color:var(--app-text-muted)}.field-value--truncate[data-v-79d00a26]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-79d00a26]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-79d00a26]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-79d00a26]{min-height:96px;resize:vertical}.field-input--xs[data-v-79d00a26]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-79d00a26]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-79d00a26]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-79d00a26 1.6s ease-in-out infinite}.skeleton-line[data-v-79d00a26]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-79d00a26 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-79d00a26]{width:40%}.skeleton-line.w-60[data-v-79d00a26]{width:60%}.skeleton-line.w-80[data-v-79d00a26]{width:80%}.skeleton-line.w-25[data-v-79d00a26]{width:25%}.empty-state[data-v-79d00a26]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-79d00a26]{font-size:20px}.label-sm[data-v-79d00a26]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-79d00a26{to{transform:rotate(360deg)}}@keyframes pulse-79d00a26{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-79d00a26]{padding:0 0 24px}.content-item[data-v-79d00a26]{flex-direction:column;align-items:stretch}.content-item>span[data-v-79d00a26]{min-width:auto}.list-row[data-v-79d00a26]{align-items:flex-start}.field[data-v-79d00a26],.field.field-grow[data-v-79d00a26]{flex:1 1 100%}.inline-actions[data-v-79d00a26]{width:100%;justify-content:flex-start;white-space:normal}}.thumbnail[data-v-79d00a26]{width:72px;height:72px;border-radius:14px;overflow:hidden;background:var(--app-surface-sunken);border:1px solid var(--app-border);display:flex;align-items:center;justify-content:center}.thumbnail img[data-v-79d00a26]{width:100%;height:100%;object-fit:cover}.helper-text[data-v-79d00a26]{color:var(--app-text-muted);font-size:13px}.content-container[data-v-be2fb90c]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-be2fb90c]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-be2fb90c]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-be2fb90c]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-be2fb90c]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-be2fb90c]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-be2fb90c]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-be2fb90c]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-be2fb90c],.content-item select[data-v-be2fb90c],.content-item textarea[data-v-be2fb90c]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-be2fb90c]:focus,.content-item select[data-v-be2fb90c]:focus,.content-item textarea[data-v-be2fb90c]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-be2fb90c]{min-height:96px;resize:vertical}.btn[data-v-be2fb90c]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-be2fb90c]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-be2fb90c]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-be2fb90c]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-be2fb90c]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-be2fb90c]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-be2fb90c]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-be2fb90c]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-be2fb90c]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-be2fb90c]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-be2fb90c]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-be2fb90c]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-be2fb90c .8s linear infinite}.list-block[data-v-be2fb90c]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-be2fb90c]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-be2fb90c]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-be2fb90c]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-be2fb90c]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-be2fb90c]{flex:1 1 240px}.full-width[data-v-be2fb90c]{flex:1 1 100%}.field-label[data-v-be2fb90c]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-be2fb90c]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-be2fb90c]{color:var(--app-text-muted)}.field-value--truncate[data-v-be2fb90c]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-be2fb90c]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-be2fb90c]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-be2fb90c]{min-height:96px;resize:vertical}.field-input--xs[data-v-be2fb90c]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-be2fb90c]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-be2fb90c]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-be2fb90c 1.6s ease-in-out infinite}.skeleton-line[data-v-be2fb90c]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-be2fb90c 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-be2fb90c]{width:40%}.skeleton-line.w-60[data-v-be2fb90c]{width:60%}.skeleton-line.w-80[data-v-be2fb90c]{width:80%}.skeleton-line.w-25[data-v-be2fb90c]{width:25%}.empty-state[data-v-be2fb90c]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-be2fb90c]{font-size:20px}.label-sm[data-v-be2fb90c]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-be2fb90c{to{transform:rotate(360deg)}}@keyframes pulse-be2fb90c{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-be2fb90c]{padding:0 0 24px}.content-item[data-v-be2fb90c]{flex-direction:column;align-items:stretch}.content-item>span[data-v-be2fb90c]{min-width:auto}.list-row[data-v-be2fb90c]{align-items:flex-start}.field[data-v-be2fb90c],.field.field-grow[data-v-be2fb90c]{flex:1 1 100%}.inline-actions[data-v-be2fb90c]{width:100%;justify-content:flex-start;white-space:normal}}.progress-toast-container[data-v-be2fb90c]{position:fixed;top:88px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:1000}.progress-toast[data-v-be2fb90c]{min-width:220px;max-width:280px;background:#2a2420;color:#ece4d8;box-shadow:var(--app-shadow-md);border-radius:var(--app-radius-lg);padding:14px 16px;border:1px solid rgba(120,105,85,.22)}.progress-toast-title[data-v-be2fb90c]{font-size:14px;font-weight:600;margin-bottom:8px;word-break:break-all}.progress-toast-bar[data-v-be2fb90c]{position:relative;width:100%;height:6px;background:#ece4d829;border-radius:4px;overflow:hidden}.progress-toast-bar-inner[data-v-be2fb90c]{height:100%;background:linear-gradient(135deg,#b57652,#7b5e4e);transition:width .2s ease}.progress-toast-percent[data-v-be2fb90c]{margin-top:8px;text-align:right;font-size:12px;color:#ece4d8cc;font-weight:500}.progress-toast--done[data-v-be2fb90c]{border-color:#5d7a4a66}.progress-toast--done .progress-toast-bar-inner[data-v-be2fb90c]{background:linear-gradient(135deg,#5d7a4a,#8b9e6b)}.progress-toast--error[data-v-be2fb90c]{border-color:#b4472f80}.progress-toast--error .progress-toast-bar-inner[data-v-be2fb90c]{background:linear-gradient(135deg,#b4472f,#c96342)}.file-title[data-v-be2fb90c]{min-width:260px}.inline-actions[data-v-be2fb90c]{justify-content:flex-end;gap:12px}@media (max-width: 768px){.progress-toast-container[data-v-be2fb90c]{top:auto;bottom:24px;right:16px}.inline-actions[data-v-be2fb90c]{flex-direction:column;align-items:stretch}}.content-container[data-v-b659b465]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-b659b465]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-b659b465]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-b659b465]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-b659b465]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-b659b465]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-b659b465]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-b659b465]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-b659b465],.content-item select[data-v-b659b465],.content-item textarea[data-v-b659b465]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-b659b465]:focus,.content-item select[data-v-b659b465]:focus,.content-item textarea[data-v-b659b465]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-b659b465]{min-height:96px;resize:vertical}.btn[data-v-b659b465]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-b659b465]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-b659b465]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-b659b465]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-b659b465]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-b659b465]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-b659b465]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-b659b465]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-b659b465]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-b659b465]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-b659b465]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-b659b465]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-b659b465 .8s linear infinite}.list-block[data-v-b659b465]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-b659b465]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-b659b465]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-b659b465]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-b659b465]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-b659b465]{flex:1 1 240px}.full-width[data-v-b659b465]{flex:1 1 100%}.field-label[data-v-b659b465]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-b659b465]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-b659b465]{color:var(--app-text-muted)}.field-value--truncate[data-v-b659b465]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-b659b465]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-b659b465]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-b659b465]{min-height:96px;resize:vertical}.field-input--xs[data-v-b659b465]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-b659b465]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-b659b465]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-b659b465 1.6s ease-in-out infinite}.skeleton-line[data-v-b659b465]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-b659b465 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-b659b465]{width:40%}.skeleton-line.w-60[data-v-b659b465]{width:60%}.skeleton-line.w-80[data-v-b659b465]{width:80%}.skeleton-line.w-25[data-v-b659b465]{width:25%}.empty-state[data-v-b659b465]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-b659b465]{font-size:20px}.label-sm[data-v-b659b465]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-b659b465{to{transform:rotate(360deg)}}@keyframes pulse-b659b465{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-b659b465]{padding:0 0 24px}.content-item[data-v-b659b465]{flex-direction:column;align-items:stretch}.content-item>span[data-v-b659b465]{min-width:auto}.list-row[data-v-b659b465]{align-items:flex-start}.field[data-v-b659b465],.field.field-grow[data-v-b659b465]{flex:1 1 100%}.inline-actions[data-v-b659b465]{width:100%;justify-content:flex-start;white-space:normal}}.security-section[data-v-b659b465]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--app-border)}.security-section--stack[data-v-b659b465]{align-items:stretch;flex-direction:column}.security-user[data-v-b659b465]{display:flex;align-items:center;gap:14px;min-width:0}.security-user img[data-v-b659b465]{width:52px;height:52px;border-radius:14px;object-fit:cover;border:1px solid var(--app-border);background:var(--app-surface)}.security-user-copy[data-v-b659b465]{display:flex;flex-direction:column;gap:4px;min-width:0}.security-user-copy strong[data-v-b659b465]{color:var(--app-text);font-size:16px;font-weight:700}.security-user-copy span[data-v-b659b465]{color:var(--app-text-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-status[data-v-b659b465]{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);white-space:nowrap}.security-status.active[data-v-b659b465]{border-color:#5d7a4a47;background:#5d7a4a1a;color:var(--app-green)}.security-status span[data-v-b659b465],.security-status strong[data-v-b659b465]{font-size:13px}.security-status strong[data-v-b659b465]{font-weight:700}.section-heading[data-v-b659b465]{display:grid;gap:6px}.section-heading h2[data-v-b659b465]{margin:0;color:var(--app-text);font-size:17px;font-weight:700}.section-heading p[data-v-b659b465]{margin:0;color:var(--app-text-muted);font-size:14px;line-height:1.7}.security-form-row[data-v-b659b465]{display:flex;align-items:center;gap:12px}.security-form-row .field-input[data-v-b659b465]{max-width:280px}.security-primary-action[data-v-b659b465]{align-self:flex-start}.setup-grid[data-v-b659b465]{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}.qr-frame[data-v-b659b465]{width:180px;height:180px;padding:12px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface)}.qr-frame img[data-v-b659b465]{display:block;width:100%;height:100%}.setup-details[data-v-b659b465]{display:grid;gap:14px}.setup-details code[data-v-b659b465]{display:block;width:100%;padding:12px;overflow-wrap:anywhere;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);color:var(--app-text);font-size:13px;line-height:1.6}@media (max-width: 768px){.security-section[data-v-b659b465]{align-items:stretch;flex-direction:column}.security-status[data-v-b659b465]{align-self:flex-start}.setup-grid[data-v-b659b465]{grid-template-columns:1fr}.qr-frame[data-v-b659b465]{width:176px;height:176px}.security-form-row[data-v-b659b465]{align-items:stretch;flex-direction:column}.security-form-row .field-input[data-v-b659b465]{max-width:none}}.content-container[data-v-a436da41]{display:flex;flex-direction:column;gap:20px;padding:0 0 32px}.content-header[data-v-a436da41]{display:flex;flex-direction:column;gap:8px;padding:14px 4px 16px;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-header h1[data-v-a436da41]{font-size:22px;font-weight:700;margin:0;color:var(--app-text)}.content-header p[data-v-a436da41]{font-size:14px;color:var(--app-text-muted);margin:0;line-height:1.7}.content-body[data-v-a436da41]{display:flex;flex-direction:column;gap:18px}.error-banner[data-v-a436da41]{padding:12px 14px;border-radius:var(--app-radius-md);border:1px solid rgba(180,71,47,.16);background:#b4472f14;color:var(--app-red);font-size:13px}.content-item[data-v-a436da41]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.content-item>span[data-v-a436da41]{min-width:92px;font-size:14px;color:var(--app-text-muted);font-weight:500}.content-item input[data-v-a436da41],.content-item select[data-v-a436da41],.content-item textarea[data-v-a436da41]{flex:1;min-width:180px;padding:10px 12px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.content-item input[data-v-a436da41]:focus,.content-item select[data-v-a436da41]:focus,.content-item textarea[data-v-a436da41]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}.content-item textarea[data-v-a436da41]{min-height:96px;resize:vertical}.btn[data-v-a436da41]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;background:var(--app-surface);color:var(--app-text)}.btn[data-v-a436da41]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-a436da41]:hover:not(:disabled){transform:translateY(-1px)}.btn-primary[data-v-a436da41]{background:var(--app-blue);color:var(--app-surface);box-shadow:0 8px 20px #50372324}.btn-primary[data-v-a436da41]:hover:not(:disabled){background:var(--app-blue-hover)}.btn-info[data-v-a436da41]{background:var(--accent);color:var(--app-surface);box-shadow:0 8px 18px #50372324}.btn-info[data-v-a436da41]:hover:not(:disabled){background:var(--accent-hover)}.btn-danger[data-v-a436da41]{background:var(--app-red);color:var(--app-surface);box-shadow:0 8px 18px #b4472f24}.btn-danger[data-v-a436da41]:hover:not(:disabled){background:var(--app-red)}.btn-outline[data-v-a436da41]{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted)}.btn-outline[data-v-a436da41]:hover:not(:disabled){border-color:var(--accent-line);color:var(--app-blue);background:var(--app-surface)}.btn.is-loading[data-v-a436da41]:after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(120,105,85,.25);border-top-color:var(--app-surface);animation:spin-a436da41 .8s linear infinite}.list-block[data-v-a436da41]{display:flex;flex-direction:column;gap:12px;border:none;border-radius:0;overflow:visible}.list-row[data-v-a436da41]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px 0;border:none;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent;box-shadow:none}.list-row>strong[data-v-a436da41]{font-size:14px;color:var(--app-text);font-weight:600;flex:0 0 auto}.inline-actions[data-v-a436da41]{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;white-space:nowrap;align-items:center}.field[data-v-a436da41]{display:flex;align-items:center;gap:10px;min-width:160px;flex:0 1 auto}.field.field-grow[data-v-a436da41]{flex:1 1 240px}.full-width[data-v-a436da41]{flex:1 1 100%}.field-label[data-v-a436da41]{font-size:13px;color:var(--app-text-muted);white-space:nowrap}.field-value[data-v-a436da41]{font-size:14px;color:var(--app-text)}.field-value--muted[data-v-a436da41]{color:var(--app-text-muted)}.field-value--truncate[data-v-a436da41]{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-input[data-v-a436da41]{min-width:160px;padding:10px 12px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;background:var(--app-surface);color:var(--app-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;flex:1 1 0}.field-input[data-v-a436da41]:focus{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);background:var(--app-surface);outline:none}textarea.field-input[data-v-a436da41]{min-height:96px;resize:vertical}.field-input--xs[data-v-a436da41]{width:64px;min-width:64px;flex:0 0 64px;text-align:center}.loading-stack[data-v-a436da41]{display:flex;flex-direction:column;gap:12px}.loading-card[data-v-a436da41]{height:64px;border-radius:var(--app-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.72),var(--app-surface-sunken));animation:pulse-a436da41 1.6s ease-in-out infinite}.skeleton-line[data-v-a436da41]{width:100%;height:12px;background:#78695526;border-radius:999px;animation:pulse-a436da41 1.6s ease-in-out infinite}.skeleton-line.w-40[data-v-a436da41]{width:40%}.skeleton-line.w-60[data-v-a436da41]{width:60%}.skeleton-line.w-80[data-v-a436da41]{width:80%}.skeleton-line.w-25[data-v-a436da41]{width:25%}.empty-state[data-v-a436da41]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 6px;border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted)}.empty-icon[data-v-a436da41]{font-size:20px}.label-sm[data-v-a436da41]{font-size:12px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:4px}@keyframes spin-a436da41{to{transform:rotate(360deg)}}@keyframes pulse-a436da41{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 768px){.content-container[data-v-a436da41]{padding:0 0 24px}.content-item[data-v-a436da41]{flex-direction:column;align-items:stretch}.content-item>span[data-v-a436da41]{min-width:auto}.list-row[data-v-a436da41]{align-items:flex-start}.field[data-v-a436da41],.field.field-grow[data-v-a436da41]{flex:1 1 100%}.inline-actions[data-v-a436da41]{width:100%;justify-content:flex-start;white-space:normal}}.deploy-row[data-v-a436da41]{align-items:flex-start}.deploy-main[data-v-a436da41]{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:8px}.deploy-title[data-v-a436da41]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.deploy-meta[data-v-a436da41]{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--app-text-muted);font-size:13px;word-break:break-all}.deploy-error[data-v-a436da41]{color:var(--app-red);font-size:13px;line-height:1.6;word-break:break-word}.deploy-log[data-v-a436da41]{font-size:13px;color:var(--app-text-muted)}.deploy-log summary[data-v-a436da41]{cursor:pointer;color:var(--app-blue)}.deploy-log pre[data-v-a436da41]{margin:10px 0 0;padding:12px;max-height:220px;overflow:auto;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text-muted);white-space:pre-wrap;word-break:break-word}.status-pill[data-v-a436da41]{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--app-border)}.status-pill--success[data-v-a436da41]{color:#3f6f35;border-color:#5d7a4a47;background:#5d7a4a14}.status-pill--failed[data-v-a436da41]{color:var(--app-red);border-color:#b4472f38;background:#b4472f14}.status-pill--running[data-v-a436da41],.status-pill--queued[data-v-a436da41]{color:var(--app-blue);border-color:var(--accent-line);background:var(--accent-weak)}.main-container[data-v-b6ba8613]{width:min(100%,1440px);max-width:1440px;margin:0 auto;display:flex;gap:20px;padding:60px 8px 8px;min-height:calc(100vh - 24px);min-width:0}.sidebar[data-v-b6ba8613]{width:300px;flex:0 0 300px;background:var(--app-surface);border-radius:var(--app-radius-lg);padding:20px 0;height:fit-content;min-width:0}.content[data-v-b6ba8613]{flex:1;width:100%;background:var(--app-surface);border-radius:var(--app-radius-lg);max-width:760px;min-width:360px}.right-sidebar[data-v-b6ba8613]{width:300px;min-width:0;display:flex;flex-direction:column;gap:20px}.sidebar-card[data-v-b6ba8613]{background:var(--app-surface);border-radius:var(--app-radius-lg);overflow:hidden;min-width:0}.mobile-sidebar-container[data-v-b6ba8613]{padding:8px}@media (max-width: 1200px){.main-container[data-v-b6ba8613]{max-width:100%}.right-sidebar[data-v-b6ba8613]{width:260px}}@media (max-width: 992px){.main-container[data-v-b6ba8613]{gap:15px}.sidebar[data-v-b6ba8613]{width:200px;flex-basis:200px}.right-sidebar[data-v-b6ba8613]{width:240px}}@media (max-width: 768px){.main-container[data-v-b6ba8613]{flex-direction:column;width:100%;gap:15px;padding:78px 14px 16px}.sidebar[data-v-b6ba8613]{display:none}.content[data-v-b6ba8613]{order:1;width:100%;max-width:none;min-width:0}.right-sidebar[data-v-b6ba8613]{order:2;width:100%;min-width:0;flex-direction:row;gap:15px;overflow-x:auto}.sidebar-card[data-v-b6ba8613]{flex:1}}@media (max-width: 480px){.main-container[data-v-b6ba8613]{padding:74px 10px 14px;gap:12px}.right-sidebar[data-v-b6ba8613]{flex-direction:column;gap:10px}.sidebar-card[data-v-b6ba8613]{min-width:auto}}@media (max-width: 768px) and (orientation: landscape){.main-container[data-v-b6ba8613]{flex-direction:row;padding-top:74px}.content[data-v-b6ba8613]{order:0;min-width:0}.right-sidebar[data-v-b6ba8613]{order:1;width:300px;flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:80vh}.sidebar-card[data-v-b6ba8613]{min-width:auto}}.admin-page[data-v-b6ba8613]{min-height:100vh;display:flex;flex-direction:column;background:var(--app-bg)}.admin-main[data-v-b6ba8613]{flex:1;display:flex;gap:28px;padding:92px 28px 40px;min-height:calc(100vh - 112px);width:100%;max-width:1280px;margin:0 auto;min-width:0;overflow:visible;transition:filter .3s ease,transform .3s ease}.admin-auth-loading[data-v-b6ba8613]{min-height:calc(100vh - 112px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--app-text-muted)}.admin-sidebar[data-v-b6ba8613]{width:224px;flex:0 0 224px;display:flex;background:transparent;border-radius:0;padding:0}.admin-sidebar-card[data-v-b6ba8613]{width:100%;padding:4px 0;border-radius:0;background:transparent;border:none;box-shadow:none}.sidebar-nav[data-v-b6ba8613]{display:flex;flex-direction:column;gap:2px;width:100%;padding:0}.sidebar-link[data-v-b6ba8613]{text-align:left;position:relative;padding:14px 4px 14px 18px;border:none;border-radius:0;background:transparent;font-size:15px;color:var(--app-text-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease}.sidebar-link[data-v-b6ba8613]:hover{color:var(--app-text);background:var(--app-surface);transform:none}.sidebar-link.active[data-v-b6ba8613]{background:var(--app-surface);border-radius:12px}.sidebar-link.active[data-v-b6ba8613]:before{content:"";position:absolute;left:0;top:50%;width:3px;height:24px;border-radius:999px;background:var(--app-blue);transform:translateY(-50%)}.sidebar-link.active>span[data-v-b6ba8613]{color:var(--app-blue);font-weight:700}.admin-content[data-v-b6ba8613]{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;padding:0;max-width:none;width:100%;min-width:0;overflow:visible;background:transparent;border-radius:0}.admin-content-body[data-v-b6ba8613]{position:relative;flex:1;min-height:0;overflow-y:auto;padding:0 0 32px;transition:opacity .15s ease}.admin-content-body.is-dimmed[data-v-b6ba8613]{pointer-events:none;opacity:.6}.loading-overlay[data-v-b6ba8613]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--app-surface-sunken);z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;color:var(--app-text-muted)}.loading-spinner[data-v-b6ba8613]{width:46px;height:46px;border-radius:50%;border:4px solid var(--accent-weak);border-top-color:var(--app-blue);animation:spin-b6ba8613 .8s linear infinite}@keyframes spin-b6ba8613{to{transform:rotate(360deg)}}.admin-sidebar-card--mobile[data-v-b6ba8613]{padding:0}@media (max-width: 1024px){.admin-main[data-v-b6ba8613]{padding:84px 20px 28px;gap:20px}.admin-sidebar[data-v-b6ba8613]{width:200px;flex-basis:200px}.admin-content[data-v-b6ba8613]{padding:0}}@media (max-width: 768px){.admin-main[data-v-b6ba8613]{padding:88px 16px 32px;overflow-y:auto;gap:20px}.admin-sidebar[data-v-b6ba8613]{display:none}.admin-content[data-v-b6ba8613]{padding:0;background:transparent;box-shadow:none}.sidebar-nav[data-v-b6ba8613]{gap:10px}.admin-sidebar-card[data-v-b6ba8613]{background:transparent;border:none;box-shadow:none;padding:0}.admin-content-header h1[data-v-b6ba8613]{font-size:24px}.admin-main.mobile-menu-open[data-v-b6ba8613]{opacity:.72;transition:opacity .15s ease}}@media (max-width: 480px){.admin-content-header[data-v-b6ba8613]{margin-bottom:20px}.admin-main.mobile-menu-open[data-v-b6ba8613]{opacity:.72}}.main-container[data-v-facc3b9b]{width:min(100%,1440px);max-width:1440px;margin:0 auto;display:flex;gap:20px;padding:60px 8px 8px;min-height:calc(100vh - 24px);min-width:0}.sidebar[data-v-facc3b9b]{width:300px;flex:0 0 300px;background:var(--app-surface);border-radius:var(--app-radius-lg);padding:20px 0;height:fit-content;min-width:0}.content[data-v-facc3b9b]{flex:1;width:100%;background:var(--app-surface);border-radius:var(--app-radius-lg);max-width:760px;min-width:360px}.right-sidebar[data-v-facc3b9b]{width:300px;min-width:0;display:flex;flex-direction:column;gap:20px}.sidebar-card[data-v-facc3b9b]{background:var(--app-surface);border-radius:var(--app-radius-lg);overflow:hidden;min-width:0}.mobile-sidebar-container[data-v-facc3b9b]{padding:8px}@media (max-width: 1200px){.main-container[data-v-facc3b9b]{max-width:100%}.right-sidebar[data-v-facc3b9b]{width:260px}}@media (max-width: 992px){.main-container[data-v-facc3b9b]{gap:15px}.sidebar[data-v-facc3b9b]{width:200px;flex-basis:200px}.right-sidebar[data-v-facc3b9b]{width:240px}}@media (max-width: 768px){.main-container[data-v-facc3b9b]{flex-direction:column;width:100%;gap:15px;padding:78px 14px 16px}.sidebar[data-v-facc3b9b]{display:none}.content[data-v-facc3b9b]{order:1;width:100%;max-width:none;min-width:0}.right-sidebar[data-v-facc3b9b]{order:2;width:100%;min-width:0;flex-direction:row;gap:15px;overflow-x:auto}.sidebar-card[data-v-facc3b9b]{flex:1}}@media (max-width: 480px){.main-container[data-v-facc3b9b]{padding:74px 10px 14px;gap:12px}.right-sidebar[data-v-facc3b9b]{flex-direction:column;gap:10px}.sidebar-card[data-v-facc3b9b]{min-width:auto}}@media (max-width: 768px) and (orientation: landscape){.main-container[data-v-facc3b9b]{flex-direction:row;padding-top:74px}.content[data-v-facc3b9b]{order:0;min-width:0}.right-sidebar[data-v-facc3b9b]{order:1;width:300px;flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:80vh}.sidebar-card[data-v-facc3b9b]{min-width:auto}}.whiteboard-page[data-v-facc3b9b]{min-height:100vh;background:var(--app-bg)}.main-container[data-v-facc3b9b]{width:min(1120px,calc(100% - 40px));max-width:1120px;display:block;padding:110px 0 72px;min-height:auto}.whiteboard-main[data-v-facc3b9b]{display:grid;gap:24px;min-width:0}.whiteboard-heading[data-v-facc3b9b]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--app-border)}.hero-copy[data-v-facc3b9b]{display:grid;gap:6px}.page-kicker[data-v-facc3b9b]{margin:0 0 12px;color:var(--app-blue);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.page-description[data-v-facc3b9b]{margin:0;color:var(--app-text);font-size:18px;line-height:1.45;font-weight:600}.board-count[data-v-facc3b9b]{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-muted);font-size:13px;font-weight:600;white-space:nowrap}.input-area[data-v-facc3b9b]{display:flex;gap:10px;align-items:center;padding:18px;border:1px solid var(--app-border);border-radius:20px;background:var(--app-surface);box-shadow:var(--app-shadow-sm)}.input-wrapper[data-v-facc3b9b]{position:relative;flex:1;display:flex;min-width:0}.input-area input[data-v-facc3b9b]{flex:1;height:42px;min-width:0;padding:0 42px 0 14px;font-size:14px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.input-area input[data-v-facc3b9b]:focus{background:var(--app-surface);border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-weak);outline:none}.input-area>button[data-v-facc3b9b]{height:42px;padding:0 18px;font-size:14px;font-weight:600;background-color:var(--app-blue);color:var(--app-surface);border:1px solid var(--app-blue);border-radius:999px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.input-area>button[data-v-facc3b9b]:hover{background-color:var(--app-blue-hover);border-color:var(--app-blue-hover);transform:translateY(-1px)}.clear-btn[data-v-facc3b9b]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--app-text-soft);font-size:18px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.clear-btn[data-v-facc3b9b]:hover{background:#78695514;color:var(--app-text-muted)}.board-selector[data-v-facc3b9b]{display:flex;flex-direction:column;gap:10px}.selector-label[data-v-facc3b9b]{font-size:13px;font-weight:600;color:var(--app-text-muted)}.key-list[data-v-facc3b9b]{display:flex;flex-wrap:wrap;gap:8px}.key-chip[data-v-facc3b9b]{height:32px;padding:0 13px;font-size:13px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.key-chip[data-v-facc3b9b]:hover{background:var(--app-surface);border-color:var(--accent-line);color:var(--app-blue)}.key-chip.active[data-v-facc3b9b]{background:var(--accent-weak);border-color:var(--accent-line);color:var(--app-blue)}.board[data-v-facc3b9b]{display:grid;grid-template-columns:1fr}.card[data-v-facc3b9b]{display:flex;flex-direction:column;min-height:540px;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);overflow:hidden;background:var(--app-surface);box-shadow:var(--app-shadow-sm)}.card-header[data-v-facc3b9b]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background-color:var(--app-surface);border-bottom:1px solid var(--app-border)}.card-meta[data-v-facc3b9b]{display:flex;flex-direction:column;gap:4px;color:var(--app-text-soft);font-size:13px;min-width:0}.card-key[data-v-facc3b9b]{font-weight:600;color:var(--app-text)}.card-actions[data-v-facc3b9b]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-actions button[data-v-facc3b9b]{height:36px;padding:0 14px;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.card-actions .primary[data-v-facc3b9b]{background-color:var(--app-blue);color:var(--app-surface);border:1px solid var(--app-blue)}.card-actions .primary[data-v-facc3b9b]:disabled{background-color:var(--accent-weak);border-color:var(--accent-line);cursor:not-allowed}.card-actions .primary[data-v-facc3b9b]:not(:disabled):hover{background-color:var(--app-blue-hover)}.card-actions .secondary[data-v-facc3b9b]{background-color:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--app-border)}.card-actions .secondary[data-v-facc3b9b]:disabled{color:var(--app-text-soft);border-color:var(--app-border);cursor:not-allowed}.card-actions .secondary[data-v-facc3b9b]:not(:disabled):hover{border-color:var(--accent-line);color:var(--app-blue)}.card textarea[data-v-facc3b9b]{flex:1;min-height:420px;padding:18px;font-size:15px;line-height:1.7;border:none;resize:none;outline:none;background-color:var(--app-surface);color:var(--app-text)}.card textarea[data-v-facc3b9b]:disabled{background-color:var(--app-surface-sunken);color:var(--app-text-soft)}.content-preview[data-v-facc3b9b]{flex:1;min-height:420px;padding:18px;overflow:auto;background:var(--app-surface);color:var(--app-text)}.content-preview.empty[data-v-facc3b9b]{display:grid;place-items:center;color:var(--app-text-soft);background:var(--app-surface-sunken)}.preview-text[data-v-facc3b9b]{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier,monospace;font-size:14px;line-height:1.7;color:var(--app-text)}.preview-image[data-v-facc3b9b]{display:block;max-width:min(100%,860px);max-height:70vh;margin:10px 0;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);object-fit:contain}.timestamp[data-v-facc3b9b]{padding:10px 18px;font-size:13px;color:var(--app-text-soft);background-color:var(--app-surface);text-align:right;border-top:1px solid var(--app-border)}.fullscreen-overlay[data-v-facc3b9b]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#2a242073;display:flex;justify-content:center;align-items:center;z-index:10006;padding:24px}.fullscreen-panel[data-v-facc3b9b]{width:min(1200px,100%);max-height:100%;background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-xl);box-shadow:var(--app-shadow-popover);display:flex;flex-direction:column;overflow:hidden}.fullscreen-header[data-v-facc3b9b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--app-border);position:sticky;top:0;background-color:var(--app-surface);z-index:5}.fullscreen-title[data-v-facc3b9b]{font-size:16px;font-weight:600;color:var(--app-text)}.close-btn[data-v-facc3b9b]{line-height:1;width:36px;height:36px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);font-size:22px;cursor:pointer;color:var(--app-text-muted);padding:0}.close-btn[data-v-facc3b9b]:hover{border-color:var(--accent-line);color:var(--app-blue)}.fullscreen-body[data-v-facc3b9b]{padding:20px;overflow:auto;flex:1;background-color:var(--app-surface-sunken)}.fullscreen-footer[data-v-facc3b9b]{padding:16px 20px;border-top:1px solid var(--app-border);background-color:var(--app-surface);display:flex;justify-content:flex-end}.exit-btn[data-v-facc3b9b]{height:38px;padding:0 18px;background-color:var(--app-blue);color:var(--app-surface);border:1px solid var(--app-blue);border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.exit-btn[data-v-facc3b9b]:hover{background-color:var(--app-blue-hover)}@media (max-width: 900px){.main-container[data-v-facc3b9b]{width:min(100% - 28px,980px);padding-top:102px}}@media (max-width: 640px){.main-container[data-v-facc3b9b]{width:calc(100% - 24px);padding:92px 0 54px}.whiteboard-main[data-v-facc3b9b]{gap:18px}.whiteboard-heading[data-v-facc3b9b]{align-items:start;flex-direction:column;gap:14px;padding-bottom:14px}.page-kicker[data-v-facc3b9b]{margin-bottom:6px;font-size:11px}.page-description[data-v-facc3b9b]{font-size:16px}.input-area[data-v-facc3b9b]{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.input-wrapper[data-v-facc3b9b]{width:100%}.input-area>button[data-v-facc3b9b]{width:100%}.key-list[data-v-facc3b9b]{gap:6px}.card-header[data-v-facc3b9b]{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.card[data-v-facc3b9b]{min-height:460px}.card textarea[data-v-facc3b9b]{min-height:320px;padding:14px;font-size:14px}.content-preview[data-v-facc3b9b]{min-height:320px;padding:14px}.preview-image[data-v-facc3b9b]{max-width:100%;max-height:62vh}.timestamp[data-v-facc3b9b]{padding:8px 14px;font-size:12px}.card-actions[data-v-facc3b9b]{flex-direction:column;align-items:stretch;gap:10px}.card-actions button[data-v-facc3b9b]{width:100%}.fullscreen-overlay[data-v-facc3b9b]{padding:12px}.fullscreen-panel[data-v-facc3b9b]{max-height:calc(100vh - 24px)}.fullscreen-header[data-v-facc3b9b]{padding:12px 16px}.fullscreen-body[data-v-facc3b9b]{padding:16px}.fullscreen-footer[data-v-facc3b9b]{padding:12px 16px 16px;justify-content:center}.exit-btn[data-v-facc3b9b]{width:100%}}.main-container[data-v-52489697]{width:min(100%,1440px);max-width:1440px;margin:0 auto;display:flex;gap:20px;padding:60px 8px 8px;min-height:calc(100vh - 24px);min-width:0}.sidebar[data-v-52489697]{width:300px;flex:0 0 300px;background:var(--app-surface);border-radius:var(--app-radius-lg);padding:20px 0;height:fit-content;min-width:0}.content[data-v-52489697]{flex:1;width:100%;background:var(--app-surface);border-radius:var(--app-radius-lg);max-width:760px;min-width:360px}.right-sidebar[data-v-52489697]{width:300px;min-width:0;display:flex;flex-direction:column;gap:20px}.sidebar-card[data-v-52489697]{background:var(--app-surface);border-radius:var(--app-radius-lg);overflow:hidden;min-width:0}.mobile-sidebar-container[data-v-52489697]{padding:8px}@media (max-width: 1200px){.main-container[data-v-52489697]{max-width:100%}.right-sidebar[data-v-52489697]{width:260px}}@media (max-width: 992px){.main-container[data-v-52489697]{gap:15px}.sidebar[data-v-52489697]{width:200px;flex-basis:200px}.right-sidebar[data-v-52489697]{width:240px}}@media (max-width: 768px){.main-container[data-v-52489697]{flex-direction:column;width:100%;gap:15px;padding:78px 14px 16px}.sidebar[data-v-52489697]{display:none}.content[data-v-52489697]{order:1;width:100%;max-width:none;min-width:0}.right-sidebar[data-v-52489697]{order:2;width:100%;min-width:0;flex-direction:row;gap:15px;overflow-x:auto}.sidebar-card[data-v-52489697]{flex:1}}@media (max-width: 480px){.main-container[data-v-52489697]{padding:74px 10px 14px;gap:12px}.right-sidebar[data-v-52489697]{flex-direction:column;gap:10px}.sidebar-card[data-v-52489697]{min-width:auto}}@media (max-width: 768px) and (orientation: landscape){.main-container[data-v-52489697]{flex-direction:row;padding-top:74px}.content[data-v-52489697]{order:0;min-width:0}.right-sidebar[data-v-52489697]{order:1;width:300px;flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:80vh}.sidebar-card[data-v-52489697]{min-width:auto}}.main-container[data-v-52489697]{width:min(1180px,calc(100% - 40px));max-width:1180px;display:block;padding:110px 0 72px}.livedemo-shell[data-v-52489697]{display:grid;gap:26px}.livedemo-heading[data-v-52489697]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--app-border)}.hero-copy[data-v-52489697]{display:grid;gap:6px}.page-description[data-v-52489697]{margin:0;color:var(--app-text);font-family:var(--font-display);font-size:26px;line-height:1.25;font-weight:600}.project-count[data-v-52489697]{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text-muted);font-size:13px;font-weight:600;white-space:nowrap}.home-content[data-v-52489697]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:34px}.live-demo-card[data-v-52489697]{position:relative;display:grid;grid-template-rows:auto auto auto auto 1fr auto;min-height:100%;padding:0;overflow:hidden;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-sm);transition:transform var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease)}.live-demo-card[data-v-52489697]:hover{transform:translateY(-3px);border-color:var(--app-border-strong);box-shadow:var(--app-shadow-md)}.preview-title[data-v-52489697]{min-height:70px;padding:16px 16px 12px;color:var(--app-text);font-size:18px;font-weight:700;line-height:1.24;border-bottom:1px solid var(--app-border)}.preview-title span[data-v-52489697]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.preview-gif[data-v-52489697]{position:relative;width:100%;margin:0;padding:12px;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--app-border);background:linear-gradient(180deg,var(--app-surface),var(--app-surface-sunken))}.preview-gif img[data-v-52489697]{width:100%;height:100%;object-fit:cover;display:block;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface)}.preview-gif__thumb[data-v-52489697]{position:relative;z-index:1}.preview-gif__gif[data-v-52489697]{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2;opacity:0;transition:opacity var(--app-motion-duration) var(--app-ease);pointer-events:none}.live-demo-card:hover .preview-gif__gif[data-v-52489697]{opacity:1}.live-demo-card:hover .preview-gif__thumb[data-v-52489697]{opacity:0}.card-meta[data-v-52489697]{display:flex;flex-wrap:wrap;gap:8px;min-height:42px;padding:12px 16px 0}.chip[data-v-52489697]{display:inline-flex;align-items:center;max-width:100%;min-height:24px;padding:0 8px;overflow:hidden;border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-weak);color:var(--accent);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chip-muted[data-v-52489697]{background:#78695514;color:var(--app-text-muted)}.preview-description[data-v-52489697]{min-height:78px;margin:0;padding:12px 16px 0;color:var(--app-text-muted);font-size:14px;line-height:1.55;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}.actions[data-v-52489697]{display:flex;align-items:stretch;gap:10px;padding:16px}.btn[data-v-52489697],.btn-secondary[data-v-52489697]{flex:1 1 0;min-width:0;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--app-radius-lg);color:var(--app-surface);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:var(--app-shadow-sm);transition:transform var(--app-motion-duration) var(--app-ease),background-color var(--app-motion-duration) var(--app-ease),border-color var(--app-motion-duration) var(--app-ease),opacity var(--app-motion-duration) var(--app-ease)}.btn[data-v-52489697]{background:var(--app-blue)}.btn[data-v-52489697]:hover{background:var(--app-blue-hover);transform:translateY(-1px);box-shadow:0 10px 24px #50372329}.btn[data-v-52489697]:active{transform:translateY(0);box-shadow:0 6px 16px #5037231f}.btn[data-v-52489697]:focus-visible{outline:none;box-shadow:0 0 0 4px #bd583624,0 8px 20px #5037231f}.btn[disabled][data-v-52489697]{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.btn-secondary[data-v-52489697]{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text);box-shadow:none}.btn-secondary[data-v-52489697]:hover{background:var(--app-surface);box-shadow:var(--app-shadow-sm)}@media (prefers-reduced-motion: reduce){.live-demo-card[data-v-52489697],.btn[data-v-52489697]{transition:none}}@media (max-width: 768px){.main-container[data-v-52489697]{width:calc(100% - 28px);padding-top:92px;padding-bottom:48px}.livedemo-shell[data-v-52489697]{gap:18px}.livedemo-heading[data-v-52489697]{align-items:start;flex-direction:column;gap:14px;padding-bottom:14px}.home-content[data-v-52489697]{grid-template-columns:1fr;gap:28px}.live-demo-card[data-v-52489697]{box-shadow:var(--app-shadow-sm)}.live-demo-card[data-v-52489697]:hover{transform:none;box-shadow:var(--app-shadow-sm)}.preview-title[data-v-52489697]{min-height:auto;font-size:17px}.preview-gif[data-v-52489697]{padding:10px;aspect-ratio:4 / 3}.actions[data-v-52489697]{flex-direction:column}}@media (max-width: 480px){.main-container[data-v-52489697]{width:calc(100% - 22px)}.live-demo-card[data-v-52489697]{border-radius:var(--app-radius-lg)}.preview-title[data-v-52489697]{font-size:15px}.preview-description[data-v-52489697]{min-height:auto;font-size:13px;line-height:1.5}.page-kicker[data-v-52489697]{margin-bottom:6px;font-size:11px}.page-description[data-v-52489697]{font-size:16px}.project-count[data-v-52489697]{width:100%;justify-content:center}}