:root{--primary-color: #2C5F5D;--primary-light: #3A7B78;--primary-dark: #1E4A47;--accent-color: #D4A574;--accent-light: #E6C49A;--bg-primary: #FEFEFE;--bg-secondary: #F8F9FA;--bg-card: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-tertiary: #BDC3C7;--text-inverse: #FFFFFF;--border-light: #ECF0F1;--border-medium: #D5DBDB;--border-dark: #AEB6BF;--shadow-light: 0 2px 4px rgba(0,0,0,.1);--shadow-medium: 0 4px 12px rgba(0,0,0,.15);--shadow-heavy: 0 8px 24px rgba(0,0,0,.2);--font-title: "Source Han Serif SC", "Noto Serif CJK SC", serif;--font-body: "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #2D2D2D;--bg-card: #333333;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-tertiary: #999999;--border-light: #404040;--border-medium: #555555;--border-dark: #666666}html{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;line-height:1.3;margin-bottom:var(--space-2)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-2);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-2)}@media (min-width: 768px){.container{padding:0 var(--space-3)}}@media (min-width: 1024px){.container{padding:0 var(--space-4)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.hidden{display:none}.block{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px;min-width:44px}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.btn-accent{background-color:var(--accent-color);color:var(--text-inverse)}.btn-accent:hover{background-color:var(--accent-light)}.input{width:100%;padding:var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2c5f5d1a}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium)}.card-header{padding:var(--space-3) var(--space-3) 0}.card-body{padding:var(--space-3)}.card-footer{padding:0 var(--space-3) var(--space-3);border-top:1px solid var(--border-light);margin-top:var(--space-2);padding-top:var(--space-2)}.tag{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.tag-primary{background-color:var(--primary-color);color:var(--text-inverse)}.tag-accent{background-color:var(--accent-color);color:var(--text-inverse)}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 767px){.mobile-hidden{display:none}.mobile-block{display:block}}@media (min-width: 768px){.desktop-hidden{display:none}.desktop-block{display:block}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-v-c07dbe5c]:root{--primary-color: #2C5F5D;--primary-light: #3A7B78;--primary-dark: #1E4A47;--accent-color: #D4A574;--accent-light: #E6C49A;--bg-primary: #FEFEFE;--bg-secondary: #F8F9FA;--bg-card: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-tertiary: #BDC3C7;--text-inverse: #FFFFFF;--border-light: #ECF0F1;--border-medium: #D5DBDB;--border-dark: #AEB6BF;--shadow-light: 0 2px 4px rgba(0,0,0,.1);--shadow-medium: 0 4px 12px rgba(0,0,0,.15);--shadow-heavy: 0 8px 24px rgba(0,0,0,.2);--font-title: "Source Han Serif SC", "Noto Serif CJK SC", serif;--font-body: "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=dark][data-v-c07dbe5c]{--bg-primary: #1A1A1A;--bg-secondary: #2D2D2D;--bg-card: #333333;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-tertiary: #999999;--border-light: #404040;--border-medium: #555555;--border-dark: #666666}.home-page[data-v-c07dbe5c]{min-height:100vh;padding-bottom:20px;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.navbar[data-v-c07dbe5c]{background-color:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:100}.navbar-content[data-v-c07dbe5c]{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--space-2)}.navbar-brand[data-v-c07dbe5c]{font-family:var(--font-title);font-size:var(--text-xl);font-weight:600;color:var(--primary-color);text-decoration:none}.navbar-actions[data-v-c07dbe5c]{display:flex;align-items:center;gap:var(--space-2)}.hero-section[data-v-c07dbe5c]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:var(--text-inverse);padding:var(--space-6) 0;text-align:center}.hero-content[data-v-c07dbe5c]{max-width:600px;margin:0 auto}.hero-title[data-v-c07dbe5c]{font-family:var(--font-title);font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-2)}.hero-subtitle[data-v-c07dbe5c]{font-size:var(--text-lg);margin-bottom:var(--space-4);opacity:.9}.hero-search[data-v-c07dbe5c]{max-width:400px;margin:0 auto}.search-box[data-v-c07dbe5c]{position:relative;width:100%}.search-input[data-v-c07dbe5c]{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-xl);font-size:var(--text-base);background-color:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast)}.search-input[data-v-c07dbe5c]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c3e501a}.search-icon[data-v-c07dbe5c]{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-suggestions[data-v-c07dbe5c]{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);max-height:300px;overflow-y:auto;z-index:50;margin-top:4px}.search-suggestion-item[data-v-c07dbe5c]{padding:var(--space-2);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.search-suggestion-item[data-v-c07dbe5c]:hover{background-color:var(--bg-secondary)}.search-suggestion-item[data-v-c07dbe5c]:last-child{border-bottom:none}.suggestion-title[data-v-c07dbe5c]{font-weight:500;margin-bottom:2px}.suggestion-author[data-v-c07dbe5c]{font-size:var(--text-sm);color:var(--text-secondary)}.container[data-v-c07dbe5c]{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-2)}.quick-nav[data-v-c07dbe5c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);margin:var(--space-4) 0}.quick-nav-item[data-v-c07dbe5c]{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.quick-nav-item[data-v-c07dbe5c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.quick-nav-icon[data-v-c07dbe5c]{font-size:2rem;margin-bottom:var(--space-1)}.quick-nav-title[data-v-c07dbe5c]{font-size:var(--text-sm);font-weight:500}.section-title[data-v-c07dbe5c]{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:600;margin:var(--space-4) 0 var(--space-3) 0;color:var(--text-primary)}.category-nav[data-v-c07dbe5c]{display:flex;gap:var(--space-1);margin:var(--space-3) 0;overflow-x:auto;padding-bottom:var(--space-1)}.category-nav-item[data-v-c07dbe5c]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background-color:var(--bg-secondary)}.category-nav-item[data-v-c07dbe5c]:hover,.category-nav-item.active[data-v-c07dbe5c]{background-color:var(--primary-color);color:var(--text-inverse)}.poem-list[data-v-c07dbe5c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.poem-card[data-v-c07dbe5c]{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);padding:var(--space-3);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.poem-card[data-v-c07dbe5c]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.poem-card[data-v-c07dbe5c]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));opacity:0;transition:opacity var(--transition-normal)}.poem-card[data-v-c07dbe5c]:hover:before{opacity:1}.poem-card-header[data-v-c07dbe5c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.poem-title[data-v-c07dbe5c]{font-family:var(--font-title);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.poem-author[data-v-c07dbe5c]{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;margin-left:var(--space-2)}.poem-content[data-v-c07dbe5c]{font-family:var(--font-title);font-size:var(--text-base);line-height:1.8;color:var(--text-primary);margin-bottom:var(--space-2)}.poem-content-line[data-v-c07dbe5c]{margin-bottom:var(--space-1)}.poem-content-more[data-v-c07dbe5c]{color:var(--text-tertiary);font-style:italic}.poem-footer[data-v-c07dbe5c]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.poem-tags[data-v-c07dbe5c]{display:flex;flex-wrap:wrap;gap:4px}.poem-meta[data-v-c07dbe5c]{font-size:var(--text-xs);color:var(--text-tertiary)}.tag[data-v-c07dbe5c]{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.tag-primary[data-v-c07dbe5c]{background-color:var(--primary-color);color:var(--text-inverse)}.btn[data-v-c07dbe5c]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px;min-width:44px}.btn-secondary[data-v-c07dbe5c]{background-color:transparent;color:var(--primary-color);border:1px solid var(--border-medium)}.btn-secondary[data-v-c07dbe5c]:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.pagination-wrapper[data-v-c07dbe5c]{display:flex;justify-content:center;margin:var(--space-4) 0}.pagination[data-v-c07dbe5c]{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn[data-v-c07dbe5c]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn[data-v-c07dbe5c]:hover:not(:disabled){background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.pagination-btn[data-v-c07dbe5c]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-c07dbe5c]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.pagination-separator[data-v-c07dbe5c]{margin:0 4px}.loading-container[data-v-c07dbe5c]{display:flex;justify-content:center;padding:var(--space-6)}.loading[data-v-c07dbe5c]{font-size:var(--text-lg);color:var(--text-secondary)}.empty-state[data-v-c07dbe5c]{text-align:center;padding:var(--space-6)}.empty-icon[data-v-c07dbe5c]{font-size:3rem;margin-bottom:var(--space-2)}.empty-title[data-v-c07dbe5c]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.empty-desc[data-v-c07dbe5c]{color:var(--text-secondary)}@media (max-width: 767px){.container[data-v-c07dbe5c]{padding:0 var(--space-2)}.hero-title[data-v-c07dbe5c]{font-size:var(--text-2xl)}.hero-subtitle[data-v-c07dbe5c]{font-size:var(--text-base)}.quick-nav[data-v-c07dbe5c]{grid-template-columns:repeat(2,1fr)}.poem-list[data-v-c07dbe5c]{grid-template-columns:1fr}.poem-card-header[data-v-c07dbe5c]{flex-direction:column;align-items:flex-start}.poem-author[data-v-c07dbe5c]{margin-left:0;margin-top:var(--space-1)}.pagination[data-v-c07dbe5c]{flex-direction:column;gap:var(--space-2)}.pagination-btn[data-v-c07dbe5c]{width:100%;justify-content:center}}@media (min-width: 768px){.container[data-v-c07dbe5c]{padding:0 var(--space-3)}.poem-list[data-v-c07dbe5c]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (min-width: 1024px){.container[data-v-c07dbe5c]{padding:0 var(--space-4)}}