.footer[data-v-30ae936c]{background-color:var(--background-color);padding:18px 20px 12px;margin-top:auto;position:relative}.footer[data-v-30ae936c]:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background-color:var(--border-color)}.footer-content[data-v-30ae936c]{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.social-media[data-v-30ae936c]{text-align:center}.social-links[data-v-30ae936c]{display:flex;gap:18px;justify-content:center;align-items:center}.social-link[data-v-30ae936c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .3s ease;color:var(--text-secondary);text-decoration:none}.social-link[data-v-30ae936c]:hover{color:var(--primary-color);background-color:#7d6e5d14;transform:translateY(-1px)}.social-icon[data-v-30ae936c]{transition:transform .3s ease}.social-link:hover .social-icon[data-v-30ae936c]{transform:scale(1.05)}.copyright[data-v-30ae936c]{text-align:center;color:var(--text-secondary);line-height:1.4}.copyright p[data-v-30ae936c]{font-size:.85rem;margin-bottom:2px}.copyright .description[data-v-30ae936c]{font-size:.75rem;opacity:.8}@media (max-width: 768px){.footer[data-v-30ae936c]{padding:16px 16px 10px}.footer[data-v-30ae936c]:before{left:16px;right:16px}.footer-content[data-v-30ae936c]{gap:10px}.social-links[data-v-30ae936c]{gap:16px}.social-link[data-v-30ae936c]{width:32px;height:32px}.copyright p[data-v-30ae936c]{font-size:.8rem}.copyright .description[data-v-30ae936c]{font-size:.7rem}}@media (max-width: 480px){.footer[data-v-30ae936c]{padding:14px 12px 8px}.footer[data-v-30ae936c]:before{left:12px;right:12px}.social-links[data-v-30ae936c]{gap:14px}.social-link[data-v-30ae936c]{width:28px;height:28px}}:root{--background-color: #f8f5f2;--text-color: #333333;--text-secondary: #666666;--border-color: #e0ddd7;--primary-color: #7d6e5d;--primary-hover: #8f8072;--hero-bg-start: #fdfcfb;--hero-bg-end: #f5f3f0;--hero-border-radius: 16px;--hero-padding: 64px 40px;--hero-margin-bottom: 48px;--hero-shadow: 0 8px 32px rgba(125, 110, 93, .1);--title-font-size: 2.5rem;--title-font-weight: 500;--title-margin-bottom: 16px;--title-letter-spacing: .5px;--title-color: var(--text-color);--title-text-shadow: 0 2px 4px rgba(0, 0, 0, .05);--description-font-size: 1.125rem;--description-color: var(--text-secondary);--description-font-weight: 400;--description-letter-spacing: .3px;--description-max-width: 600px;--description-line-height: 1.7;--card-background: #ffffff;--card-border-radius: 12px;--card-padding: 24px;--card-gap: 24px;--card-shadow: 0 2px 16px rgba(125, 110, 93, .08);--card-shadow-hover: 0 8px 32px rgba(125, 110, 93, .15);--card-border: 1px solid rgba(125, 110, 93, .1);--card-transition: all .3s cubic-bezier(.4, 0, .2, 1);--tag-background: rgba(125, 110, 93, .08);--tag-color: var(--primary-color);--tag-hover-background: var(--primary-color);--tag-hover-color: #ffffff;--tag-border-radius: 16px;--tag-padding: 4px 12px;--search-background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--search-border: 2px solid #e8e5e0;--search-border-radius: 16px;--search-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .08);--search-shadow-focus: 0 8px 32px rgba(125, 110, 93, .15), 0 2px 8px rgba(125, 110, 93, .1), 0 0 0 4px rgba(125, 110, 93, .05);--search-input-height: 48px;--search-padding: 6px 20px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{background-color:var(--background-color);color:var(--text-color);font-family:"Noto Serif TC",serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100%;min-height:100vh;padding:0;overflow-x:hidden;display:flex;flex-direction:column}.main-content{flex:1}a{color:#7d6e5d;text-decoration:none;transition:color .2s ease}a:hover{color:#8f8072}.article-list[data-v-1200d04f]{width:100%;max-width:800px;margin:0 auto;padding:0 16px}.articles[data-v-1200d04f]{display:flex;flex-direction:column;gap:var(--card-gap)}.article-item[data-v-1200d04f]{background:var(--card-background);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:var(--card-transition);cursor:pointer;position:relative;overflow:hidden}.article-title[data-v-1200d04f]{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:var(--text-color);line-height:1.4}.article-title a[data-v-1200d04f]{color:var(--text-color);text-decoration:none;transition:color .2s}.article-title a[data-v-1200d04f]:hover{color:var(--primary-color, #7d6e5d)}.article-meta-wrapper[data-v-1200d04f]{margin-bottom:20px}.article-meta[data-v-1200d04f]{font-size:.9rem;color:var(--text-secondary, #666);margin-bottom:10px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.meta-icon[data-v-1200d04f]{margin-right:4px;color:var(--text-secondary);display:inline-flex;transform:translateY(1px)}.article-tags[data-v-1200d04f]{margin-bottom:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag-label[data-v-1200d04f]{color:var(--text-secondary)}.article-tag[data-v-1200d04f]{background-color:var(--tag-background);color:var(--tag-color);font-size:.85rem;padding:var(--tag-padding);border-radius:var(--tag-border-radius);display:inline-block;transition:var(--card-transition);font-weight:500}.article-tag[data-v-1200d04f]:hover{background-color:var(--tag-hover-background);color:var(--tag-hover-color);transform:translateY(-1px)}.article-description[data-v-1200d04f]{line-height:1.75;margin-bottom:16px;color:var(--text-color);font-size:1rem;position:relative;padding-right:24px}.read-more-link[data-v-1200d04f]{display:inline-flex;align-items:center;color:var(--primary-color, #7d6e5d);margin-left:6px;position:absolute;right:0;bottom:0}.read-more-icon[data-v-1200d04f]{transition:transform .2s}.read-more-link:hover .read-more-icon[data-v-1200d04f]{transform:translate(3px)}.pagination[data-v-1200d04f]{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px}.pagination-info[data-v-1200d04f]{font-size:.9rem;color:var(--text-secondary)}.error-message[data-v-1200d04f]{padding:20px;color:#e74c3c;text-align:center;border:1px solid #f9e4e4;border-radius:4px;background-color:#fdf2f2}.empty-message[data-v-1200d04f]{padding:50px 0;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.articles[data-v-1200d04f]{gap:16px}.article-item[data-v-1200d04f]{padding:20px;border-radius:8px}.article-title[data-v-1200d04f]{font-size:1.4rem;margin-bottom:14px}.article-meta[data-v-1200d04f]{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){.article-item[data-v-1200d04f]{padding:16px}.article-title[data-v-1200d04f]{font-size:1.3rem}}.article-item[data-v-1200d04f]:hover,.article-item[data-v-1200d04f]:focus{box-shadow:var(--card-shadow-hover);transform:translateY(-2px);outline:none}.article-item[data-v-1200d04f]:focus{border-color:var(--primary-color)}.article-item[data-v-1200d04f]:active{transform:translateY(0)}.search-container[data-v-c8dfe8a0]{max-width:700px;margin:0 auto 32px;position:relative}.search-main[data-v-c8dfe8a0]{background:var(--search-background);border:var(--search-border);border-radius:var(--search-border-radius);overflow:hidden;transition:var(--card-transition);box-shadow:var(--search-shadow);position:relative}.search-main.is-focused[data-v-c8dfe8a0]{border-color:var(--primary-color);box-shadow:var(--search-shadow-focus);transform:translateY(-2px)}.search-input-wrapper[data-v-c8dfe8a0]{display:flex;align-items:center;padding:var(--search-padding);gap:16px;min-height:var(--search-input-height)}.search-icon[data-v-c8dfe8a0]{color:#8b8680;display:flex;align-items:center;transition:color .2s ease}.search-main.is-focused .search-icon[data-v-c8dfe8a0]{color:var(--primary-color)}.search-input[data-v-c8dfe8a0]{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--text-color);line-height:1.5;font-weight:400;letter-spacing:.02em}.search-input[data-v-c8dfe8a0]::placeholder{color:#a8a29e;font-weight:300}.search-actions[data-v-c8dfe8a0]{display:flex;align-items:center;gap:8px}.clear-button[data-v-c8dfe8a0],.filter-toggle[data-v-c8dfe8a0]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#78716c;cursor:pointer;transition:all .2s ease;position:relative}.clear-button[data-v-c8dfe8a0]:hover{background:#f5f5f4;color:#ef4444}.filter-toggle[data-v-c8dfe8a0]:hover{background:#f5f5f4;color:var(--primary-color)}.filter-toggle.is-active[data-v-c8dfe8a0]{background:var(--primary-color);color:#fff}.filter-toggle.has-filters[data-v-c8dfe8a0]{background:#fbbf241a;color:#92400e;border:1px solid rgba(251,191,36,.3)}.filter-toggle.has-filters[data-v-c8dfe8a0]:hover{background:#fbbf2426}.filter-indicator[data-v-c8dfe8a0]{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#dc2626;border-radius:50%;border:1px solid white}.search-divider[data-v-c8dfe8a0]{width:1px;height:20px;background:#e5e7eb}.advanced-panel[data-v-c8dfe8a0]{background:linear-gradient(135deg,#fafafa,#f5f5f4);border:2px solid #e8e5e0;border-top:none;border-radius:0 0 16px 16px;padding:24px;margin-top:-2px}.filters-grid[data-v-c8dfe8a0]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.filter-group[data-v-c8dfe8a0]{display:flex;flex-direction:column;gap:12px}.filter-label[data-v-c8dfe8a0]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-color)}.label-icon[data-v-c8dfe8a0]{color:var(--primary-color)}.panel-actions[data-v-c8dfe8a0]{display:flex;justify-content:center;gap:12px}.action-button[data-v-c8dfe8a0]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.action-button.primary[data-v-c8dfe8a0]{background:var(--primary-color);color:#fff}.action-button.primary[data-v-c8dfe8a0]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #7d6e5d4d}.action-button.secondary[data-v-c8dfe8a0]{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.action-button.secondary[data-v-c8dfe8a0]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.inline-filters[data-v-c8dfe8a0]{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.filter-pill[data-v-c8dfe8a0]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;transition:all .2s ease}.category-pill[data-v-c8dfe8a0]{background:#fbbf241a;color:#92400e;border:1px solid rgba(251,191,36,.3)}.category-pill[data-v-c8dfe8a0]:hover{background:#fbbf2426;border-color:#fbbf2466}.tag-pill[data-v-c8dfe8a0]{background:#6ee7b71a;color:#065f46;border:1px solid rgba(110,231,183,.3)}.tag-pill[data-v-c8dfe8a0]:hover{background:#6ee7b726;border-color:#6ee7b766}.pill-remove[data-v-c8dfe8a0]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:currentColor;cursor:pointer;transition:all .2s ease;margin-left:2px}.pill-remove[data-v-c8dfe8a0]:hover{background:#0000001a;transform:scale(1.2)}.clear-all-button[data-v-c8dfe8a0]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#ef44441a;color:#dc2626;cursor:pointer;transition:all .2s ease;margin-left:4px}.clear-all-button[data-v-c8dfe8a0]:hover{background:#ef444426;transform:scale(1.1)}.clear-fade-enter-active[data-v-c8dfe8a0],.clear-fade-leave-active[data-v-c8dfe8a0]{transition:all .2s ease}.clear-fade-enter-from[data-v-c8dfe8a0],.clear-fade-leave-to[data-v-c8dfe8a0]{opacity:0;transform:scale(.8)}.filters-expand-enter-active[data-v-c8dfe8a0],.filters-expand-leave-active[data-v-c8dfe8a0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.filters-expand-enter-from[data-v-c8dfe8a0],.filters-expand-leave-to[data-v-c8dfe8a0]{opacity:0;transform:translateY(-12px);max-height:0}.filters-expand-enter-to[data-v-c8dfe8a0],.filters-expand-leave-from[data-v-c8dfe8a0]{opacity:1;transform:translateY(0);max-height:400px}.tags-fade-enter-active[data-v-c8dfe8a0],.tags-fade-leave-active[data-v-c8dfe8a0]{transition:all .25s ease}.tags-fade-enter-from[data-v-c8dfe8a0],.tags-fade-leave-to[data-v-c8dfe8a0]{opacity:0;transform:translateY(-4px)}@media (max-width: 768px){.search-container[data-v-c8dfe8a0]{margin:8px 16px}.search-input-wrapper[data-v-c8dfe8a0]{padding:10px 16px;gap:12px}.search-input[data-v-c8dfe8a0]{font-size:16px}.advanced-panel[data-v-c8dfe8a0]{padding:20px}.filters-grid[data-v-c8dfe8a0]{grid-template-columns:1fr;gap:20px}.panel-actions[data-v-c8dfe8a0]{flex-direction:column;align-items:stretch}.action-button[data-v-c8dfe8a0]{min-width:auto}.inline-filters[data-v-c8dfe8a0]{gap:6px;margin-top:8px}.filter-pill[data-v-c8dfe8a0]{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.search-main[data-v-c8dfe8a0]{border-radius:12px}.search-input-wrapper[data-v-c8dfe8a0]{padding:4px 14px;gap:10px}.advanced-panel[data-v-c8dfe8a0]{padding:16px;border-radius:0 0 12px 12px}}.container[data-v-30fad2aa]{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section[data-v-30fad2aa]{background:linear-gradient(135deg,var(--hero-bg-start),var(--hero-bg-end));border-radius:var(--hero-border-radius);padding:var(--hero-padding);margin-bottom:var(--hero-margin-bottom);box-shadow:var(--hero-shadow);position:relative;overflow:hidden}.hero-content[data-v-30fad2aa]{text-align:center;position:relative;z-index:2}.site-title[data-v-30fad2aa]{font-size:var(--title-font-size);font-weight:var(--title-font-weight);margin-bottom:var(--title-margin-bottom);letter-spacing:var(--title-letter-spacing);color:var(--title-color);text-shadow:var(--title-text-shadow)}.site-description[data-v-30fad2aa]{font-size:var(--description-font-size);color:var(--description-color);font-weight:var(--description-font-weight);letter-spacing:var(--description-letter-spacing);max-width:var(--description-max-width);margin:0 auto;line-height:var(--description-line-height)}@media (max-width: 768px){.container[data-v-30fad2aa]{padding:20px 16px}.hero-section[data-v-30fad2aa]{padding:40px 20px;margin-bottom:30px;border-radius:12px}.site-title[data-v-30fad2aa]{font-size:2rem}.site-description[data-v-30fad2aa]{font-size:1rem;max-width:100%}}@media (max-width: 480px){.hero-section[data-v-30fad2aa]{padding:32px 16px}.site-title[data-v-30fad2aa]{font-size:1.75rem}.site-description[data-v-30fad2aa]{font-size:.95rem}}@keyframes fadeInUp-30fad2aa{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-30fad2aa]{animation:fadeInUp-30fad2aa .6s ease-out}.animate-fade-in-delay[data-v-30fad2aa]{animation:fadeInUp-30fad2aa .6s ease-out .2s both}.animate-fade-in-delay-2[data-v-30fad2aa]{animation:fadeInUp-30fad2aa .6s ease-out .4s both}.n-spin-container[data-v-30fad2aa]{transition:var(--card-transition)}.search-wrapper[data-v-30fad2aa]{margin-bottom:48px;transition:var(--card-transition)}.content-wrapper[data-v-30fad2aa]{transition:var(--card-transition)}.container[data-v-560b4c6d]{max-width:800px;margin:0 auto;padding:0 32px}.navigation-back[data-v-560b4c6d]{margin:30px 0 20px}.article-detail[data-v-560b4c6d]{padding:20px 24px;margin-top:10px}.article-title[data-v-560b4c6d]{font-size:2.2rem;font-weight:700;margin-bottom:24px;line-height:1.3;color:var(--text-color)}.article-meta-wrapper[data-v-560b4c6d]{margin-bottom:36px}.article-meta[data-v-560b4c6d]{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;font-size:.9rem;color:var(--text-secondary, #666);align-items:center}.meta-icon[data-v-560b4c6d]{margin-right:4px;color:var(--text-secondary);display:inline-flex;transform:translateY(1px)}.article-tags[data-v-560b4c6d]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.tag-label[data-v-560b4c6d]{color:var(--text-secondary)}.article-tag[data-v-560b4c6d]{background-color:var(--tag-bg, #f0f0f0);color:var(--text-secondary);font-size:.85rem;padding:2px 8px;border-radius:12px;display:inline-block;transition:background-color .2s,color .2s}.article-tag[data-v-560b4c6d]:hover{background-color:var(--primary-color, #7d6e5d);color:#fff}.error-message[data-v-560b4c6d]{padding:30px;color:#e74c3c;text-align:center;border:1px solid #f9e4e4;border-radius:4px;background-color:#fdf2f2;margin:30px 0}.empty-message[data-v-560b4c6d]{padding:60px 0;text-align:center;color:var(--text-secondary)}.article-status[data-v-560b4c6d]{background-color:var(--tag-bg, #f0f0f0);font-size:.85rem;padding:2px 8px;border-radius:12px;display:inline-block}.article-status.published[data-v-560b4c6d]{background-color:#e6f7e6;color:#2e7d32}.article-status.draft[data-v-560b4c6d]{background-color:#fff8e1;color:#ff8f00}@media (max-width: 768px){.container[data-v-560b4c6d]{padding:0 20px}.navigation-back[data-v-560b4c6d]{margin:20px 0 10px}.article-detail[data-v-560b4c6d]{padding:16px}.article-title[data-v-560b4c6d]{font-size:1.8rem;margin-bottom:20px}.article-meta[data-v-560b4c6d]{flex-direction:column;gap:12px;align-items:flex-start}.article-content[data-v-560b4c6d]{font-size:1rem;padding:0 4px}}.login-container[data-v-70f24cc7]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--body-bg, #f9f9f9)}.login-form-wrapper[data-v-70f24cc7]{width:100%;max-width:420px;padding:2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014}.login-header[data-v-70f24cc7]{margin-bottom:1.8rem;text-align:center}.login-title[data-v-70f24cc7]{margin-bottom:.5rem;font-size:1.8rem;font-weight:500;color:var(--text-color, #333)}.login-subtitle[data-v-70f24cc7]{font-size:.9rem;color:var(--text-secondary, #666);font-weight:400}.login-alert[data-v-70f24cc7]{margin-bottom:1.5rem}.login-options[data-v-70f24cc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.login-button[data-v-70f24cc7]{margin-top:.5rem;font-weight:500;height:44px}@media (max-width: 768px){.login-form-wrapper[data-v-70f24cc7]{max-width:90%;padding:2rem 1.5rem;margin:0 20px}.login-title[data-v-70f24cc7]{font-size:1.6rem}}