@import"https://npm.elemecdn.com/alibaba-puhuiti-3-fonts/fonts/index.css";@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap";.aurora-canvas[data-v-0ee86d5f]{position:fixed;top:0;left:0;pointer-events:none;z-index:0}.debug-panel[data-v-0ee86d5f]{position:fixed;bottom:20px;right:20px;background:#1a1a2ef2;color:#fff;padding:16px 20px;border-radius:12px;z-index:9999;font-family:Inter,sans-serif;font-size:13px;box-shadow:0 4px 20px #0000004d;min-width:200px}.debug-title[data-v-0ee86d5f]{font-weight:600;margin-bottom:12px;font-size:14px;color:#fafafa}.debug-control[data-v-0ee86d5f]{display:flex;flex-direction:column;gap:6px}.debug-value[data-v-0ee86d5f]{font-size:12px;color:#fafafa;font-family:monospace}.debug-slider[data-v-0ee86d5f]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3a3a4e;border-radius:3px;outline:none;cursor:pointer}.debug-slider[data-v-0ee86d5f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.debug-slider[data-v-0ee86d5f]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none}.debug-hint[data-v-0ee86d5f]{margin-top:10px;font-size:11px;color:#8a8a8a}.floating-nav[data-v-6e342544]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;transition:top .35s ease}.nav-bubble[data-v-6e342544]{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border-radius:100px;border:1px solid var(--color-nav-border);box-shadow:0 2px 20px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border)}.nav-brand[data-v-6e342544]{font-family:var(--font-logo);font-size:1.05rem;font-weight:600;color:var(--color-nav-link-active);text-decoration:none;opacity:.9;transition:opacity .2s ease;flex-shrink:0;white-space:nowrap}.nav-brand[data-v-6e342544]:hover{opacity:1}.nav-divider[data-v-6e342544]{width:1px;height:18px;background:var(--color-nav-border);flex-shrink:0}.nav-links[data-v-6e342544]{display:flex;align-items:center;gap:4px}.nav-link[data-v-6e342544]{position:relative;display:flex;align-items:center;gap:5px;padding:6px 10px;color:var(--color-nav-link);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:8px;transition:all .2s ease}.nav-link[data-v-6e342544]:hover{color:var(--color-nav-link-hover);background:var(--color-nav-toggle-hover)}.nav-link.active[data-v-6e342544]{color:var(--color-nav-link-active)}.nav-link.active[data-v-6e342544]:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:16px;height:2px;border-radius:1px;background:var(--color-nav-link-active);opacity:.6}.link-icon[data-v-6e342544]{width:18px;height:18px;flex-shrink:0}.link-label[data-v-6e342544]{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .35s ease,opacity .25s ease}.nav-link.active .link-label[data-v-6e342544]{max-width:60px;opacity:1}.nav-tools-capsule[data-v-6e342544]{display:flex;align-items:center;gap:2px;padding:3px;border-radius:100px;background:var(--color-nav-toggle-hover)}.tool-btn[data-v-6e342544]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-nav-link);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.tool-btn[data-v-6e342544]:hover{background:var(--color-nav-bg);color:var(--color-nav-link-hover)}.tool-icon[data-v-6e342544]{width:16px;height:16px;transition:transform .4s ease}.tool-icon.icon-spin[data-v-6e342544]{transform:rotate(180deg)}.contact-trigger[data-v-6e342544]{position:relative}.contact-panel{display:flex;flex-direction:column;gap:2px;padding:12px 14px;min-width:180px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border-radius:16px;border:1px solid var(--color-nav-border);box-shadow:0 8px 32px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border);z-index:1001}.panel-arrow{position:absolute;top:-7px;width:14px;height:14px;background:var(--color-nav-bg);border-left:1px solid var(--color-nav-border);border-top:1px solid var(--color-nav-border);transform:rotate(45deg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6)}.contact-panel:before{content:"";position:absolute;top:0;left:14px;right:14px;height:10px;background:var(--color-nav-bg);border-radius:14px 14px 0 0;z-index:0}.contact-pop-enter-active{transition:all .25s ease-out}.contact-pop-leave-active{transition:all .18s ease-in}.contact-pop-enter-from{opacity:0;transform:translateY(-6px)}.contact-pop-leave-to{opacity:0;transform:translateY(-4px)}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--color-nav-link);text-decoration:none;border-radius:12px;transition:all .2s ease;cursor:pointer;position:relative;z-index:1}.contact-item:hover{background:var(--color-nav-toggle-hover);color:var(--color-nav-link-hover)}.contact-item-icon{width:20px;height:20px;flex-shrink:0}.contact-item-body{flex:1;display:flex;flex-direction:column;gap:2px}.contact-item-text{font-size:.85rem;font-weight:500}.contact-item-sub{max-height:0;opacity:0;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);overflow:hidden;transition:max-height .3s ease,opacity .25s ease}.contact-item-sub.revealed{max-height:24px;opacity:1}.contact-item-arrow{width:14px;height:14px;opacity:0;transition:opacity .2s ease,transform .2s ease}.contact-item:hover .contact-item-arrow{opacity:.5;transform:translate(2px)}.contact-qr-item{flex-direction:column;align-items:flex-start}.contact-item-row{display:flex;align-items:center;gap:10px}.qr-area{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin-top .35s ease;margin-top:0}.qr-area.revealed{max-height:140px;opacity:1;margin-top:6px}.qr-placeholder{width:120px;height:120px;background:var(--color-surface-subtle);border:1px dashed var(--color-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted);margin-left:30px}@media (max-width: 640px){.qr-placeholder{width:100px;height:100px;margin-left:0}.qr-area.revealed{max-height:120px}}@media (max-width: 380px){.qr-placeholder{width:80px;height:80px}.qr-area.revealed{max-height:100px}}:root{--color-text-primary: #0f0f23;--color-text-secondary: #2d2d44;--color-text-tertiary: #4a4a62;--color-text-muted: #5e5e76;--color-text-faint: #7a7a94;--color-surface: rgba(255, 255, 255, .82);--color-surface-hover: rgba(255, 255, 255, .92);--color-surface-solid: #ffffff;--color-surface-subtle: #f0f0f6;--color-border: rgba(255, 255, 255, .5);--color-border-subtle: #d4d4e0;--color-border-faint: #e4e4ee;--color-tag-bg: rgba(45, 45, 68, .08);--color-tag-text: #4a4a62;--color-tag-border: transparent;--color-btn-primary-bg: #0f0f23;--color-btn-primary-text: #ffffff;--color-btn-primary-hover: #2d2d54;--color-link: #3b5998;--color-link-hover: #1e3a6e;--color-code-bg: #f2f2f8;--color-code-text: #4a4a62;--color-codeblock-bg: #0f0f23;--color-codeblock-text: #e0e0e8;--color-codeblock-border: transparent;--color-nav-bg: rgba(255, 255, 255, .65);--color-nav-shadow: rgba(15, 15, 35, .06);--color-nav-border: rgba(100, 100, 130, .12);--color-nav-blur: blur(24px) saturate(1.6);--color-nav-link: #4a4a62;--color-nav-link-hover: #0f0f23;--color-nav-link-active: #0f0f23;--color-nav-toggle-hover: rgba(0, 0, 0, .06);--font-sans: "Alibaba PuHuiTi 3.0", "Alibaba PuHuiTi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--font-serif: "Source Han Serif SC", "Source Han Serif", "Noto Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-logo: "Clash Display", var(--font-sans);--color-debug-bg: rgba(26, 26, 46, .95);--color-debug-text: #fff}html.dark{--color-text-primary: #e0e0e0;--color-text-secondary: #cccccc;--color-text-tertiary: #aaa;--color-text-muted: #8a8a8a;--color-text-faint: #6e6e6e;--color-surface: rgba(26, 26, 46, .7);--color-surface-hover: rgba(26, 26, 46, .85);--color-surface-solid: #1a1a2e;--color-surface-subtle: #0a0a1a;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: #3a3a4e;--color-border-faint: #1a1a2e;--color-tag-bg: rgba(255, 255, 255, .08);--color-tag-text: #8a8a8a;--color-tag-border: rgba(255, 255, 255, .06);--color-btn-primary-bg: #e0e0e0;--color-btn-primary-text: #1a1a2e;--color-btn-primary-hover: #ffffff;--color-link: #aaa;--color-link-hover: #e0e0e0;--color-code-bg: rgba(255, 255, 255, .08);--color-code-text: #ccc;--color-codeblock-bg: #0d0d1a;--color-codeblock-text: #e0e0e0;--color-codeblock-border: var(--color-border);--color-nav-bg: rgba(26, 26, 46, .55);--color-nav-shadow: rgba(0, 0, 0, .15);--color-nav-border: rgba(255, 255, 255, .08);--color-nav-blur: blur(32px) saturate(1.4);--color-nav-link: #aaa;--color-nav-link-hover: #e0e0e0;--color-nav-link-active: #e0e0e0;--color-nav-toggle-hover: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-subtle);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}.page-enter-active{transition:opacity .2s ease}.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0}.data-highlight[data-v-d8463ef7]{display:flex;align-items:baseline;gap:6px}.highlight-value[data-v-d8463ef7]{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.highlight-label[data-v-d8463ef7]{font-size:.75rem;color:var(--color-text-muted)}.hero-card[data-v-19184a95]{width:80%;max-width:480px;margin:0 auto;padding:28px 32px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--color-nav-border);border-radius:16px;box-shadow:0 2px 20px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border)}.hero-name[data-v-19184a95]{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:4px}.hero-tagline[data-v-19184a95]{font-size:.9rem;color:var(--color-text-muted);margin-bottom:14px}.hero-data-row[data-v-19184a95]{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-bottom:8px}.hero-data-item[data-v-19184a95]{font-size:.85rem;color:var(--color-text-secondary)}.hero-dot[data-v-19184a95]{color:var(--color-text-faint);font-size:.85rem}.hero-currently[data-v-19184a95]{font-size:.8rem;color:var(--color-text-muted)}.currently-label[data-v-19184a95]{color:var(--color-text-faint)}@media (max-width: 768px){.hero-card[data-v-19184a95]{width:100%;max-width:none;padding:20px 24px}.hero-name[data-v-19184a95]{font-size:1.3rem}}.section-divider[data-v-bb199ed6]{display:flex;align-items:center;gap:8px;margin:28px 0 14px}.divider-icon[data-v-bb199ed6]{width:18px;height:18px;color:var(--color-text-muted);display:flex;align-items:center}.divider-icon svg[data-v-bb199ed6]{width:18px;height:18px}.divider-label[data-v-bb199ed6]{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;letter-spacing:.02em}.divider-line[data-v-bb199ed6]{flex:1;height:1px;background:var(--color-nav-border)}.hover-card[data-v-547b7de0]{background:rgba(var(--card-bg-rgb, 255, 255, 255),.45);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--color-nav-border);border-radius:14px;box-shadow:0 2px 12px #0f0f230a,inset 0 0 0 1px var(--color-nav-border);transition:transform .2s ease,box-shadow .2s ease}.hover-card[data-v-547b7de0]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0f0f230f,inset 0 0 0 1px var(--color-nav-border)}.posts-grid[data-v-0602e8db]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-link[data-v-0602e8db]{text-decoration:none;color:inherit;display:block}.post-inner[data-v-0602e8db]{padding:16px 18px}.post-date[data-v-0602e8db]{font-size:.75rem;color:var(--color-text-faint);font-weight:500}.post-title[data-v-0602e8db]{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:6px 0 4px;line-height:1.35;letter-spacing:-.01em}.post-excerpt[data-v-0602e8db]{font-size:.75rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.posts-grid[data-v-0602e8db]{grid-template-columns:1fr;gap:10px}}.project-list[data-v-7986c774]{max-width:60%}.project-row[data-v-7986c774]{display:flex;align-items:baseline;gap:6px;padding:8px 0;border-bottom:1px solid var(--color-border-faint);font-size:.85rem}.project-row[data-v-7986c774]:last-child{border-bottom:none}.project-name[data-v-7986c774]{font-weight:600;color:var(--color-link);text-decoration:none;white-space:nowrap}.project-name[data-v-7986c774]:hover{color:var(--color-link-hover)}.project-meta[data-v-7986c774]{color:var(--color-text-faint);font-size:.75rem;white-space:nowrap}.project-arrow[data-v-7986c774]{color:var(--color-text-muted);font-weight:500}.project-desc[data-v-7986c774]{color:var(--color-text-muted)}@media (max-width: 768px){.project-list[data-v-7986c774]{max-width:100%}.project-row[data-v-7986c774]{flex-wrap:wrap}}.mini-tag[data-v-3c7714e1]{display:inline-block;padding:3px 10px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);border-radius:20px;background:var(--color-nav-bg);-webkit-backdrop-filter:var(--color-nav-blur);backdrop-filter:var(--color-nav-blur);border:1px solid var(--color-nav-border);white-space:nowrap}.skill-tags[data-v-d91e651c]{display:flex;flex-direction:column;gap:14px}.skill-group[data-v-d91e651c]:last-child{margin-bottom:0}.group-label[data-v-d91e651c]{font-size:.8rem;font-weight:600;color:var(--color-text-faint);margin-right:8px}.group-tags[data-v-d91e651c]{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media (max-width: 768px){.group-tags[data-v-d91e651c]{gap:6px}}.timeline[data-v-dbb4f539]{max-width:60%}.timeline-row[data-v-dbb4f539]{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:.85rem}.timeline-year[data-v-dbb4f539]{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--color-text-primary);min-width:40px}.timeline-arrow[data-v-dbb4f539]{color:var(--color-text-muted);font-weight:500}.timeline-desc[data-v-dbb4f539]{color:var(--color-text-muted)}@media (max-width: 768px){.timeline[data-v-dbb4f539]{max-width:100%}}.contact-icons[data-v-118fb8eb]{display:flex;align-items:center;gap:24px}.contact-icon-btn[data-v-118fb8eb]{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);text-decoration:none;padding:6px 12px;border-radius:8px;transition:all .2s ease;cursor:pointer}.contact-icon-btn[data-v-118fb8eb]:hover{color:var(--color-text-primary);background:var(--color-nav-toggle-hover)}.icon-label[data-v-118fb8eb]{font-size:.85rem;font-weight:500}.home-page[data-v-265d4dd3]{position:relative;z-index:1;padding:100px 24px 80px}.home-container[data-v-265d4dd3]{max-width:720px;margin:0 auto}@media (max-width: 768px){.home-page[data-v-265d4dd3]{padding:80px 16px 60px}}.article-card[data-v-86e0df0a]{padding:24px 28px;margin-bottom:16px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--color-nav-border);border-radius:16px;box-shadow:0 2px 12px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border);transition:transform .2s ease,box-shadow .2s ease}.article-card[data-v-86e0df0a]:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border)}.article-card[data-v-86e0df0a]:last-child{margin-bottom:0}.card-header[data-v-86e0df0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.card-date[data-v-86e0df0a]{font-size:13px;color:var(--color-text-faint);font-weight:500}.card-tags[data-v-86e0df0a]{display:flex;gap:6px;flex-wrap:wrap}.card-tag[data-v-86e0df0a]{font-size:12px;padding:2px 10px;background:var(--color-tag-bg);border-radius:12px;color:var(--color-text-muted);font-weight:500}.card-title[data-v-86e0df0a]{font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;line-height:1.3}.card-title a[data-v-86e0df0a]{text-decoration:none;color:var(--color-text-primary);transition:color .2s ease}.card-title a[data-v-86e0df0a]:hover{color:var(--color-link-hover)}.card-excerpt[data-v-86e0df0a]{font-size:15px;color:var(--color-text-tertiary);line-height:1.65;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-86e0df0a]{margin-top:12px}.read-more[data-v-86e0df0a]{text-decoration:none;color:var(--color-link);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.read-more[data-v-86e0df0a]:hover{color:var(--color-link-hover)}.read-time[data-v-86e0df0a]{color:var(--color-text-faint);font-weight:400}@media (max-width: 768px){.card-title[data-v-86e0df0a]{font-size:18px}}.content[data-v-16bf0a36]{max-width:720px;margin:0 auto;padding:100px 40px 80px;position:relative;z-index:1}.page-title[data-v-16bf0a36]{font-size:36px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:8px}.articles-list[data-v-16bf0a36]{display:flex;flex-direction:column}@media (max-width: 768px){.content[data-v-16bf0a36]{padding:80px 20px 60px}.page-title[data-v-16bf0a36]{font-size:28px}}.content[data-v-b53a4dd5]{max-width:720px;margin:0 auto;padding:100px 40px 80px;position:relative;z-index:1}.article-header[data-v-b53a4dd5]{max-width:none;width:calc(100% + 80px);margin-left:-40px;margin-right:-40px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--color-nav-border);border-radius:16px;box-shadow:0 2px 12px var(--color-nav-shadow),inset 0 0 0 1px var(--color-nav-border);padding:32px 40px;margin-bottom:32px}.article-title[data-v-b53a4dd5]{font-size:36px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.3;margin-bottom:16px}.article-meta[data-v-b53a4dd5]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-date[data-v-b53a4dd5]{font-size:14px;color:var(--color-text-faint);font-weight:500}.meta-separator[data-v-b53a4dd5]{color:var(--color-text-faint);opacity:.5}.meta-reading[data-v-b53a4dd5]{font-size:14px;color:var(--color-text-faint);font-weight:500}.article-tags[data-v-b53a4dd5]{display:flex;gap:6px}.article-tag[data-v-b53a4dd5]{font-size:12px;padding:4px 12px;background:var(--color-tag-bg);border:1px solid var(--color-tag-border);border-radius:16px;color:var(--color-text-muted);font-weight:500}.not-found[data-v-b53a4dd5]{font-size:16px;color:var(--color-text-tertiary);margin-bottom:16px}.back-link[data-v-b53a4dd5]{color:var(--color-link);text-decoration:none;font-weight:600;font-size:14px}.back-link[data-v-b53a4dd5]:hover{color:var(--color-link-hover);text-decoration:underline}.article-body[data-v-b53a4dd5]{font-size:17px;line-height:1.8;color:var(--color-text-secondary);font-family:var(--font-serif)}.article-body[data-v-b53a4dd5] h1{display:none}.article-body[data-v-b53a4dd5] h2,.article-body[data-v-b53a4dd5] h3,.article-body[data-v-b53a4dd5] h4{color:var(--color-text-primary);font-weight:700;letter-spacing:-.01em;margin-top:2em;margin-bottom:.6em}.article-body[data-v-b53a4dd5] h2{font-size:24px}.article-body[data-v-b53a4dd5] h3{font-size:20px}.article-body[data-v-b53a4dd5] p{margin-bottom:1.2em}.article-body[data-v-b53a4dd5] a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.article-body[data-v-b53a4dd5] a:hover{color:var(--color-link-hover)}.article-body[data-v-b53a4dd5] code{font-size:.9em;padding:2px 6px;background:var(--color-code-bg);border-radius:4px;color:var(--color-code-text);font-family:var(--font-mono)}.article-body[data-v-b53a4dd5] pre{background:var(--color-codeblock-bg);color:var(--color-codeblock-text);padding:20px;border-radius:10px;border:1px solid var(--color-codeblock-border);overflow-x:auto;margin:1.5em 0;font-size:14px;line-height:1.6;font-family:var(--font-mono)}.article-body[data-v-b53a4dd5] pre code{background:none;padding:0;color:inherit;font-size:inherit}.article-body[data-v-b53a4dd5] blockquote{border-left:3px solid var(--color-border-subtle);padding-left:20px;margin:1.5em 0;color:var(--color-text-muted);font-style:italic}.article-body[data-v-b53a4dd5] img{max-width:100%;border-radius:8px;margin:1.5em 0}.article-body[data-v-b53a4dd5] ul,.article-body[data-v-b53a4dd5] ol{padding-left:1.5em;margin-bottom:1.2em}.article-body[data-v-b53a4dd5] li{margin-bottom:.5em}.article-body[data-v-b53a4dd5] hr{border:none;border-top:1px solid var(--color-border-faint);margin:2em 0}@media (max-width: 768px){.content[data-v-b53a4dd5]{padding:80px 20px 60px}.article-header[data-v-b53a4dd5]{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;padding:24px}.article-title[data-v-b53a4dd5]{font-size:28px}.article-body[data-v-b53a4dd5] h2{font-size:22px}.article-body[data-v-b53a4dd5] h3{font-size:18px}.article-body[data-v-b53a4dd5]{font-size:16px}}.dynamic-card[data-v-2ef1b03d]{background:var(--color-surface);border:2px solid transparent;border-radius:16px;overflow:hidden;-webkit-user-select:none;user-select:none}.dynamic-card.editing[data-v-2ef1b03d]{border-color:var(--color-text-faint);cursor:grab}.dynamic-card.dragging[data-v-2ef1b03d]{cursor:grabbing;opacity:.9;z-index:100}.dynamic-card.resizing[data-v-2ef1b03d]{z-index:100}.card-content[data-v-2ef1b03d]{position:relative;z-index:2;width:100%;height:100%;overflow:hidden}.layout-horizontal[data-v-2ef1b03d],.layout-vertical[data-v-2ef1b03d],.layout-grid[data-v-2ef1b03d]{padding:12px}.card-item[data-v-2ef1b03d]{position:absolute;transition:left .35s cubic-bezier(.34,1.56,.64,1),top .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,transform .2s ease}.resize-handle[data-v-2ef1b03d]{position:absolute;z-index:10;background:var(--color-text-muted);opacity:0;transition:opacity .2s ease}.editing .resize-handle[data-v-2ef1b03d]{opacity:.3}.editing .resize-handle[data-v-2ef1b03d]:hover{opacity:.8}.resize-n[data-v-2ef1b03d]{top:-4px;left:15%;right:15%;height:8px;cursor:ns-resize;border-radius:4px}.resize-s[data-v-2ef1b03d]{bottom:-4px;left:15%;right:15%;height:8px;cursor:ns-resize;border-radius:4px}.resize-w[data-v-2ef1b03d]{left:-4px;top:15%;bottom:15%;width:8px;cursor:ew-resize;border-radius:4px}.resize-e[data-v-2ef1b03d]{right:-4px;top:15%;bottom:15%;width:8px;cursor:ew-resize;border-radius:4px}.resize-ne[data-v-2ef1b03d]{top:-5px;right:-5px;width:14px;height:14px;cursor:nesw-resize;border-radius:50%}.resize-se[data-v-2ef1b03d]{bottom:-5px;right:-5px;width:14px;height:14px;cursor:nwse-resize;border-radius:50%}.resize-sw[data-v-2ef1b03d]{bottom:-5px;left:-5px;width:14px;height:14px;cursor:nesw-resize;border-radius:50%}.resize-nw[data-v-2ef1b03d]{top:-5px;left:-5px;width:14px;height:14px;cursor:nwse-resize;border-radius:50%}.dynamic-card[data-v-2ef1b03d]:not(.editing):hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);transition:box-shadow .2s ease,transform .2s ease}.debug-page[data-v-c74689da]{max-width:800px;margin:0 auto;padding:100px 40px 80px;position:relative;z-index:1}.debug-header[data-v-c74689da]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.header-actions[data-v-c74689da]{display:flex;align-items:center;gap:12px}.debug-title[data-v-c74689da]{font-size:36px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.edit-toggle[data-v-c74689da]{padding:8px 20px;border:none;border-radius:20px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease;font-family:var(--font-sans)}.edit-toggle[data-v-c74689da]:hover{background:var(--color-btn-primary-hover)}.back-btn[data-v-c74689da]{color:var(--color-link);text-decoration:none;font-weight:600;font-size:14px;padding:8px 20px;background:var(--color-surface);border-radius:20px;transition:background .2s ease}.back-btn[data-v-c74689da]:hover{background:var(--color-surface-hover)}.demo-area[data-v-c74689da]{position:relative;width:100%;height:400px;background:var(--color-surface);border-radius:16px;overflow:hidden;margin-bottom:32px}.edit-hint[data-v-c74689da]{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-tag-bg);border-radius:8px;font-size:12px;color:var(--color-text-muted);z-index:5;pointer-events:none}.hint-icon[data-v-c74689da]{width:16px;height:16px;flex-shrink:0}[data-v-c74689da] .item-text{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap}[data-v-c74689da] .item-temp{font-size:20px;font-weight:700}[data-v-c74689da] .item-city{font-size:14px;font-weight:600}[data-v-c74689da] .item-hint{font-size:11px;color:var(--color-text-muted);font-weight:400}.status-section[data-v-c74689da]{background:var(--color-surface);border-radius:16px;padding:24px}.section-title[data-v-c74689da]{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.status-grid[data-v-c74689da]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-item[data-v-c74689da]{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--color-tag-bg);border-radius:8px}.status-label[data-v-c74689da]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.status-value[data-v-c74689da]{font-size:14px;color:var(--color-text-muted);font-family:var(--font-mono)}@media (max-width: 768px){.debug-page[data-v-c74689da]{padding:80px 20px 60px}.debug-title[data-v-c74689da]{font-size:28px}.status-grid[data-v-c74689da]{grid-template-columns:1fr}}