.quote-container{position:relative;margin:2rem auto;max-width:800px;padding:2rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000000d,inset 0 1px #fff3}[data-theme=dark] .quote-container{background:#1e1e284d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0d}.quote-text{font-size:1.25rem;line-height:1.6;color:var(--text-color, #2c3e50);font-style:italic;text-align:center;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;padding:1rem;transition:all .3s ease}[data-theme=dark] .quote-text{color:#ffffffe6}.quote-text:before,.quote-text:after{font-size:2.5rem;color:#3b82f64d;font-family:Georgia,serif;line-height:1}.quote-text:before{content:"「";margin-right:.5rem;vertical-align:top}.quote-text:after{content:"」";margin-left:.5rem;vertical-align:bottom}.quote-container hr{margin:1.5rem auto 0;width:60%;height:1px;border:none;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);opacity:.7}.daily-rotating-image{width:100%;max-width:800px;margin:0 auto 2rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative}.daily-rotating-image:hover{box-shadow:0 6px 30px #00000026;transform:translateY(-2px)}.image-container{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;overflow:hidden}.daily-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .5s ease-in-out;border-radius:12px}.daily-image.loading{opacity:.5}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:1;z-index:10}.prev-btn{left:20px}.next-btn{right:20px}.nav-btn:hover{background:#0009;transform:translateY(-50%) scale(1.1)}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.article-item{text-decoration:none;color:inherit;display:block;transition:all .3s ease;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #00000014}[data-theme=dark] .article-item{background:#2d2d3d;box-shadow:0 8px 30px #0003}.article-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026}[data-theme=dark] .article-item:hover{box-shadow:0 16px 40px #0000004d}.article-image{position:relative;width:100%;height:250px;overflow:hidden;border-radius:16px 16px 0 0}.article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s ease}.article-item:hover .article-image img{transform:scale(1.05)}.article-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:1.8rem;font-weight:700;padding:2rem 1.5rem 1.5rem;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:1px}[data-theme=dark] .article-title{background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}@media(max-width:768px){.quote-container{margin:1.5rem auto;padding:1.5rem;max-width:95%}.quote-text{font-size:1.1rem;padding:.75rem}.quote-text:before,.quote-text:after{font-size:2rem}.daily-rotating-image{border-radius:8px;max-width:95%}.image-container{height:300px}.nav-btn{width:40px;height:40px;font-size:24px}.article-list{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.article-image{height:220px}.article-title{font-size:1.5rem;padding:1.5rem 1rem 1rem}}@media(max-width:480px){.quote-container{margin:1rem auto;padding:1rem}.quote-text{font-size:1rem;padding:.5rem}.quote-text:before,.quote-text:after{font-size:1.8rem}.image-container{height:250px}.nav-btn{width:35px;height:35px;font-size:20px}.article-image{height:200px}.article-title{font-size:1.3rem;padding:1rem .5rem .5rem}}@media(min-width:1200px){.article-list{grid-template-columns:repeat(3,1fr)}}