:root{--primary-color:#2C5530;--secondary-color:#D4AF37;--accent-color:#8B7355;--bg-primary:#F8F6F0;--bg-secondary:#FFFFFF;--bg-card:rgba(255, 255, 255, 0.95);--text-primary:#2C2C2C;--text-secondary:#5A5A5A;--text-muted:#8A8A8A;--border-color:rgba(44, 85, 48, 0.1);--shadow-light:0 2px 12px rgba(44, 85, 48, 0.08);--shadow-medium:0 4px 20px rgba(44, 85, 48, 0.12);--shadow-heavy:0 8px 32px rgba(44, 85, 48, 0.16);--font-primary:'Noto Serif SC', 'Source Han Serif SC', 'SimSun', serif;--font-secondary:'Ma Shan Zheng', 'KaiTi', cursive;--font-ui:'PingFang SC', 'Microsoft YaHei', sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,#F0EDE6 50%,var(--bg-primary) 100%);color:var(--text-primary);line-height:1.8;font-size:1.1rem;margin:0;padding:0;min-height:100vh;overflow-x:hidden}.modern-poetry-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;backdrop-filter:blur(10px);border:1px solid var(--border-color)}.modern-poetry-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}.modern-poetry-title{font-family:var(--font-secondary);font-size:2.8rem;color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative;font-weight:400;letter-spacing:.05em;text-decoration:none}.modern-poetry-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent)}.modern-poetry-title::before{content:'❦';position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:1.5rem;color:var(--secondary-color);opacity:.7}.modern-poetry-content{font-family:var(--font-primary);font-size:1.4rem;line-height:2.2;color:var(--text-primary);text-align:center;margin:var(--spacing-xl)0;padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(248,246,240,.8) 0%,rgba(255,255,255,.9) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--secondary-color);position:relative;box-shadow:var(--shadow-light)}.modern-poetry-content::before{content:'"';position:absolute;top:-15px;left:20px;font-size:3rem;color:var(--secondary-color);font-family:var(--font-secondary);opacity:.6}.modern-poetry-content::after{content:'"';position:absolute;bottom:-25px;right:20px;font-size:3rem;color:var(--secondary-color);font-family:var(--font-secondary);opacity:.6}.modern-poetry-line{margin:var(--spacing-sm)0;padding:var(--spacing-xs)var(--spacing-md);transition:all var(--transition-normal);border-radius:var(--radius-sm);position:relative}.modern-poetry-line:hover{background:rgba(212,175,55,8%);transform:translateX(8px);box-shadow:var(--shadow-light)}.modern-poetry-line::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--secondary-color);transition:width var(--transition-normal)}.modern-poetry-line:hover::before{width:20px}.modern-poetry-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding:var(--spacing-md);background:linear-gradient(135deg,rgba(248,246,240,.9) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--radius-md);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.modern-poetry-date{font-family:var(--font-ui);font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.modern-poetry-date::before{content:'📅';font-size:1.1rem}.modern-poetry-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.modern-poetry-tag{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-light);position:relative;overflow:hidden}.modern-poetry-tag::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.modern-poetry-tag:hover::before{left:100%}.modern-poetry-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modern-poetry-navigation{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(248,246,240,.9) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.modern-nav-links{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.modern-nav-previous,.modern-nav-next{flex:1;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),rgba(248,246,240,.8));border:2px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-family:var(--font-secondary);font-size:1.1rem;transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.modern-nav-previous::before,.modern-nav-next::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left var(--transition-slow)}.modern-nav-previous:hover::before,.modern-nav-next:hover::before{left:100%}.modern-nav-previous:hover,.modern-nav-next:hover{background:linear-gradient(135deg,rgba(248,246,240,.95),var(--bg-secondary));transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--secondary-color)}.modern-nav-previous{text-align:left}.modern-nav-next{text-align:right}.modern-poetry-list{display:grid;gap:var(--spacing-lg);margin:var(--spacing-lg)0}.modern-poetry-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-light);transition:all var(--transition-normal);text-decoration:none;color:inherit;position:relative;overflow:hidden;border:1px solid var(--border-color)}.modern-poetry-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));transform:scaleX(0);transition:transform var(--transition-normal)}.modern-poetry-card:hover::before{transform:scaleX(1)}.modern-poetry-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.modern-poetry-card a{text-decoration:none;color:inherit;display:block;height:100%}.modern-poetry-card a:hover{text-decoration:none}.modern-poetry-card-title{font-family:var(--font-secondary);font-size:1.8rem;color:var(--primary-color);margin-bottom:var(--spacing-md);text-align:center;position:relative;font-weight:400;text-decoration:none}.modern-poetry-card-title:hover{text-decoration:none}.modern-poetry-card-excerpt{font-family:var(--font-primary);font-size:1.1rem;color:var(--text-secondary);line-height:1.8;text-align:center;margin:var(--spacing-md)0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modern-poetry-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.modern-poetry-card-meta time{font-family:var(--font-ui);font-size:.9rem;color:var(--text-muted);text-decoration:none}.modern-poetry-card-meta time:hover{text-decoration:none}.modern-tags-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.modern-tag-item{background:linear-gradient(135deg,rgba(248,246,240,.9) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);overflow:hidden}.modern-tag-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.modern-tag-link{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.modern-tag-link:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.modern-tag-name{font-family:var(--font-secondary);font-size:1.1rem;font-weight:500}.modern-tag-count{background:rgba(255,255,255,.2);color:inherit;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.modern-tag-link:hover .modern-tag-count{background:rgba(255,255,255,.3)}.layout-controls{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:linear-gradient(135deg,rgba(248,246,240,.9) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.layout-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-ui);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-light)}.layout-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium);border-color:var(--primary-color);color:var(--primary-color)}.layout-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-medium)}.btn-icon{font-size:1.1rem}.btn-text{font-weight:600}.vertical-layout{writing-mode:vertical-rl;text-orientation:mixed;direction:rtl;max-width:100%;margin:0 auto;padding:var(--spacing-lg)var(--spacing-md);background:linear-gradient(135deg,rgba(255,248,220,.3) 0%,rgba(255,255,255,.8) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);min-height:80vh;display:flex;flex-direction:column;align-items:center}.vertical-layout .modern-poetry-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:2.2rem;margin-bottom:var(--spacing-lg);text-align:center;color:var(--primary-color);text-shadow:2px 2px 4px rgba(0,0,0,.1);padding:var(--spacing-md)0;width:100%}.vertical-layout .modern-poetry-meta{writing-mode:vertical-rl;text-orientation:mixed;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:rgba(255,248,220,.5);border-radius:var(--radius-md);border:1px solid rgba(218,165,32,.3);align-items:center;width:4em;margin-left:auto;margin-right:auto;position:relative}.vertical-layout .modern-poetry-date{writing-mode:vertical-rl;text-orientation:mixed;font-size:.8rem;color:var(--text-secondary);text-align:center;margin:0;padding:var(--spacing-xs);line-height:1.2;width:100%}.vertical-layout .modern-poetry-tags{writing-mode:vertical-rl;text-orientation:mixed;display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;margin:var(--spacing-xs)0;width:100%}.vertical-layout .modern-poetry-tag{writing-mode:vertical-rl;text-orientation:mixed;padding:var(--spacing-xs)var(--spacing-sm);font-size:.7rem;border-radius:var(--radius-sm);white-space:nowrap;width:3.5em;text-align:center;line-height:1.1;margin:0;display:block;word-break:keep-all;overflow:visible;text-overflow:clip}.vertical-layout .modern-poetry-content{writing-mode:vertical-rl;text-orientation:mixed;line-height:2.8;font-size:1.2rem;text-align:center;padding:var(--spacing-lg);background:rgba(255,255,255,.9);border-radius:var(--radius-lg);margin:var(--spacing-md)0;box-shadow:var(--shadow-light);flex:1;min-height:50vh;width:100%;max-width:90%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--primary-color)transparent;text-orientation:mixed;text-combine-upright:none;unicode-bidi:embed;direction:rtl}.vertical-layout .modern-poetry-content::-webkit-scrollbar{height:8px}.vertical-layout .modern-poetry-content::-webkit-scrollbar-track{background:rgba(255,248,220,.3);border-radius:4px}.vertical-layout .modern-poetry-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}.vertical-layout .modern-poetry-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.vertical-layout .modern-poetry-content p{writing-mode:vertical-rl;text-orientation:mixed;margin:var(--spacing-md)0;text-indent:0;display:inline-block;white-space:nowrap;min-width:2em;text-orientation:mixed;text-combine-upright:none;word-spacing:.2em;letter-spacing:.1em;unicode-bidi:embed;line-height:3;direction:rtl;text-align:center}.vertical-layout .modern-poetry-content h1,.vertical-layout .modern-poetry-content h2,.vertical-layout .modern-poetry-content h3,.vertical-layout .modern-poetry-content h4,.vertical-layout .modern-poetry-content h5,.vertical-layout .modern-poetry-content h6{writing-mode:vertical-rl;text-orientation:mixed;margin:var(--spacing-lg)0;color:var(--primary-color);font-weight:600;display:inline-block;white-space:nowrap;min-width:2em;text-orientation:mixed;text-combine-upright:none;unicode-bidi:embed;direction:rtl;text-align:center}.vertical-layout .modern-poetry-content br{display:inline;content:"";margin:0 .5em}.vertical-layout .modern-poetry-content{text-orientation:mixed;text-combine-upright:none;unicode-bidi:embed;direction:rtl}.vertical-layout .modern-poetry-content p,.vertical-layout .modern-poetry-content h1,.vertical-layout .modern-poetry-content h2,.vertical-layout .modern-poetry-content h3,.vertical-layout .modern-poetry-content h4,.vertical-layout .modern-poetry-content h5,.vertical-layout .modern-poetry-content h6{text-orientation:mixed;text-combine-upright:none;unicode-bidi:embed;direction:rtl}.vertical-layout+.modern-poetry-navigation{writing-mode:horizontal-tb;text-orientation:mixed;direction:ltr}@media(max-width:768px){.modern-poetry-container{padding:var(--spacing-md);margin:var(--spacing-sm)}.modern-poetry-title{font-size:2.2rem}.modern-poetry-content{font-size:1.2rem;padding:var(--spacing-md)}.modern-poetry-meta{flex-direction:column;gap:var(--spacing-sm);text-align:center}.modern-nav-links{flex-direction:column}.modern-nav-previous,.modern-nav-next{text-align:center}.modern-poetry-card{padding:var(--spacing-md)}.modern-poetry-card-title{font-size:1.5rem}.modern-poetry-card-excerpt{font-size:1rem}.modern-tags-container{grid-template-columns:1fr;gap:var(--spacing-sm)}.modern-tag-link{padding:var(--spacing-sm)}.modern-tag-name{font-size:1rem}.layout-controls{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.layout-btn{width:100%;max-width:200px;justify-content:center}.vertical-layout .modern-poetry-title{font-size:2rem}.vertical-layout .modern-poetry-content{font-size:1.1rem;padding:var(--spacing-md);overflow-x:scroll;-webkit-overflow-scrolling:touch}.vertical-layout .modern-poetry-meta{width:5em}.vertical-layout .modern-poetry-tag{width:4.5em;font-size:.75rem}}@media(max-width:480px){.vertical-layout{padding:var(--spacing-md)var(--spacing-sm)}.vertical-layout .modern-poetry-content{font-size:1rem;line-height:2.2;max-width:95%;overflow-x:scroll;-webkit-overflow-scrolling:touch}.vertical-layout .modern-poetry-meta{width:6em}.vertical-layout .modern-poetry-tag{width:5.5em;font-size:.8rem}.vertical-layout .modern-poetry-content::-webkit-scrollbar{height:6px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-poetry-container{animation:fadeInUp .8s ease-out}.modern-poetry-line{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.modern-poetry-line:nth-child(1){animation-delay:.1s}.modern-poetry-line:nth-child(2){animation-delay:.2s}.modern-poetry-line:nth-child(3){animation-delay:.3s}.modern-poetry-line:nth-child(4){animation-delay:.4s}.modern-poetry-line:nth-child(5){animation-delay:.5s}.modern-poetry-line:nth-child(6){animation-delay:.6s}.modern-poetry-line:nth-child(7){animation-delay:.7s}.modern-poetry-line:nth-child(8){animation-delay:.8s}.modern-poetry-container::after{content:'';position:absolute;top:50%;right:-60px;width:120px;height:120px;background:radial-gradient(circle,rgba(44,85,48,5%) 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}@media(prefers-color-scheme:dark){:root{--bg-primary:#1A1A1A;--bg-secondary:#2C2C2C;--bg-card:rgba(44, 44, 44, 0.95);--text-primary:#E0E0E0;--text-secondary:#B0B0B0;--text-muted:#808080;--border-color:rgba(212, 175, 55, 0.2)}body{background:linear-gradient(135deg,var(--bg-primary) 0%,#2A2A2A 50%,var(--bg-primary) 100%)}.modern-poetry-container{background:var(--bg-card);border:1px solid var(--border-color)}.modern-poetry-content{background:linear-gradient(135deg,rgba(44,44,44,.8) 0%,rgba(60,60,60,.9) 100%);color:var(--text-primary)}.modern-poetry-meta{background:linear-gradient(135deg,rgba(44,44,44,.9) 0%,rgba(60,60,60,.95) 100%);border-top:1px solid var(--border-color)}.modern-poetry-navigation{background:linear-gradient(135deg,rgba(44,44,44,.9) 0%,rgba(60,60,60,.95) 100%);border:1px solid var(--border-color)}.modern-poetry-card{background:var(--bg-card);border:1px solid var(--border-color)}.modern-poetry-card:hover{background:rgba(60,60,60,.98)}.modern-tag-item{background:linear-gradient(135deg,rgba(44,44,44,.9) 0%,rgba(60,60,60,.95) 100%);border:1px solid var(--border-color)}.modern-tag-item:hover{background:linear-gradient(135deg,rgba(60,60,60,.95) 0%,#505050 100%)}.modern-tag-link{color:var(--text-primary)}.modern-tag-link:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.modern-tag-name{color:var(--text-primary)}.modern-tag-count{background:rgba(255,255,255,.1);color:var(--text-secondary)}.modern-tag-link:hover .modern-tag-count{background:rgba(255,255,255,.2);color:#fff}.layout-controls{background:linear-gradient(135deg,rgba(44,44,44,.9) 0%,rgba(60,60,60,.95) 100%);border:1px solid var(--border-color)}.layout-btn{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary)}.layout-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(60,60,60,.95)}.layout-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.vertical-layout{background:linear-gradient(135deg,rgba(44,44,44,.3) 0%,rgba(60,60,60,.8) 100%);border:1px solid var(--border-color)}.vertical-layout .modern-poetry-meta{background:rgba(44,44,44,.5);border:1px solid var(--border-color)}.vertical-layout .modern-poetry-content{background:rgba(44,44,44,.9);color:var(--text-primary)}.vertical-layout .modern-poetry-content::-webkit-scrollbar-track{background:rgba(44,44,44,.3)}.modern-poetry-container::after{background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%)}}@media print{.modern-poetry-container{background:#fff;box-shadow:none;border:1px solid #ccc}.modern-poetry-content{background:#fff;color:#000}.modern-poetry-navigation,.modern-poetry-meta{display:none}}