*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff9e6;color:#8b4513;font-family:Comic Sans MS,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fec}::-webkit-scrollbar-thumb{background:#ffdab9;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffc299}a{color:#ff8c42;text-decoration:none;transition:color .3s}a:hover{color:#ff6b1a;text-decoration:underline}button{border:none;border-radius:20px;cursor:pointer;padding:10px 20px;transition:all .3s}button,input,textarea{font-family:Comic Sans MS,Arial Rounded MT Bold,Arial,sans-serif}input,textarea{background-color:#fffef5;border:2px solid #ffdab9;border-radius:15px;padding:10px 15px;transition:border-color .3s}input:focus,textarea:focus{border-color:#ff8c42;outline:none}.App{background-color:#fff9e6;background-image:radial-gradient(#ffe4b5 1px,#0000 0),radial-gradient(#ffe4b5 1px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.main-content{padding:10px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce{animation:bounce 2s infinite}.float{animation:float 3s ease-in-out infinite}.post-card{background-color:#fff;border:2px solid #ffe4b5;border-radius:20px;box-shadow:0 8px 20px #ffb6c133;display:flex;flex-direction:column;height:100%;padding:25px;transition:all .3s}.post-card:hover{border-color:#ffdab9;box-shadow:0 15px 30px #ffb6c14d;transform:translateY(-10px)}.post-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.post-image{align-items:center;background-color:#fff0d6;border:2px dashed #ffdab9;border-radius:15px;display:flex;font-size:3rem;height:70px;justify-content:center;min-width:70px}.post-meta{flex:1 1}.post-date{margin-bottom:8px}.post-tags{gap:8px}.tag{padding:5px 12px}.post-content{flex:1 1;margin-bottom:20px}.post-title{font-size:1.4rem;line-height:1.4;margin-bottom:15px}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:#ff8c42}.post-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:sienna;display:-webkit-box;line-height:1.6;overflow:hidden}.post-footer{align-items:center;border-top:1px solid #ffe4b5;display:flex;justify-content:space-between;padding-top:20px}.post-stats{display:flex;gap:15px}.stat{align-items:center;color:#ff8c42;display:flex;font-weight:700;gap:5px}.read-more{background-color:#ffe4b5;border-radius:20px;color:#8b4513;font-weight:700;padding:8px 20px;transition:all .3s}.read-more:hover{background-color:#ffdab9;color:#ff6b1a;text-decoration:none;transform:translateX(5px)}.home-page{padding-bottom:50px}.hero-section{background:linear-gradient(135deg,#fff0d6,#ffe4b5);border:3px solid #ffdab9;border-radius:30px;margin-bottom:50px;overflow:hidden;padding:60px 40px;position:relative}.hero-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-text{flex:1 1;max-width:600px}.hero-text h1{color:#8b4513;font-size:3rem;line-height:1.2;margin-bottom:20px}.highlight{color:#ff8c42;display:inline-block;position:relative}.highlight:after{background-color:#ffdab980;border-radius:5px;bottom:5px;content:"";height:10px;left:0;position:absolute;right:0;z-index:-1}.hero-text p{color:sienna;font-size:1.2rem;margin-bottom:30px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.btn-primary,.btn-secondary{align-items:center;border-radius:25px;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s}.btn-primary:hover{text-decoration:none;transform:translateY(-5px)}.btn-secondary{background-color:#fff;border:2px solid #ffdab9;color:#8b4513}.btn-secondary:hover{background-color:#fff0d6;box-shadow:0 10px 20px #ffb6c133;text-decoration:none;transform:translateY(-5px)}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}.floating-carrot,.floating-heart,.floating-rabbit{animation:bounce 3s ease-in-out infinite;font-size:4rem;position:absolute}.floating-rabbit{animation-delay:0s;font-size:6rem}.floating-carrot{animation-delay:.5s;right:100px;top:20px}.floating-heart{animation-delay:1s;bottom:30px;font-size:3rem;left:80px}.stats-section{margin-bottom:60px}.stats-container{background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;box-shadow:0 10px 30px #ffb6c126;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;padding:40px}.stat-item{flex:1 1;min-width:200px;text-align:center}.stat-icon{font-size:3rem;margin-bottom:15px}.stat-number{color:#ff8c42;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#8b4513;font-size:1.1rem}.latest-posts{margin-bottom:60px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#8b4513;font-size:2rem}.view-all{background-color:#fff0d6;border-radius:20px;color:#ff8c42;font-size:1.1rem;font-weight:700;padding:10px 20px;transition:all .3s}.view-all:hover{background-color:#ffe4b5;text-decoration:none;transform:translateX(5px)}.no-posts{background-color:#fff;border:2px dashed #ffdab9;border-radius:20px;padding:60px 20px;text-align:center}.no-posts-icon{font-size:4rem;margin-bottom:20px}.no-posts h3{color:#8b4513;font-size:1.8rem;margin-bottom:10px}.no-posts p{color:sienna;font-size:1.1rem;margin-bottom:30px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feature-card{background-color:#fff;border:2px solid #ffe4b5;border-radius:20px;padding:30px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#ffdab9;box-shadow:0 15px 30px #ffb6c133;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#8b4513;font-size:1.5rem;margin-bottom:15px}.feature-card p{color:sienna;line-height:1.6}@media (max-width:992px){.hero-content{flex-direction:column;text-align:center}.hero-text{margin-bottom:40px}.hero-buttons{justify-content:center}.hero-text h1{font-size:2.5rem}}@media (max-width:768px){.hero-section{padding:40px 20px}.hero-text h1{font-size:2rem}.stats-container{padding:30px 20px}.features-grid,.posts-grid{grid-template-columns:1fr}}.archive-component{padding:20px 0}.archive-header{margin-bottom:40px;text-align:center}.archive-header h2{color:#ff8c42;font-size:2.2rem;margin-bottom:10px}.archive-header p{color:#8b4513;font-size:1.1rem;opacity:.9}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.filter-btn{background-color:#fff0d6;border:2px solid #0000;border-radius:25px;color:#8b4513;font-weight:700;padding:10px 25px;transition:all .3s}.filter-btn:hover{background-color:#ffe4b5;transform:translateY(-3px)}.filter-btn.active{background-color:#ff8c42;border-color:#ff8c42;box-shadow:0 5px 15px #ff8c424d;color:#fff}.posts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-archive{background-color:#fff;border:2px dashed #ffdab9;border-radius:20px;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-archive h3{color:#8b4513;margin-bottom:10px}.empty-archive p{color:sienna;opacity:.8}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}.archive-header h2{font-size:1.8rem}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}}.archive-page{min-height:70vh;padding:20px 0 50px}.archive-container{margin:0 auto;max-width:1200px;padding:0 20px}.write-post-page{min-height:70vh;padding:30px 0 50px}.write-post-container{margin:0 auto;max-width:800px;padding:0 20px}.write-post-header{margin-bottom:40px;text-align:center}.write-post-header h1{color:#ff8c42;font-size:2.5rem;margin-bottom:10px}.write-post-header p{color:#8b4513;font-size:1.1rem;opacity:.9}.post-form{background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;box-shadow:0 10px 30px #ffb6c126;margin-bottom:40px;padding:40px}.form-group{margin-bottom:30px}.form-group label{color:#8b4513;display:block;font-size:1.1rem;font-weight:700;margin-bottom:10px}.form-group input,.form-group textarea{font-size:1rem;resize:vertical;width:100%}.image-options{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.image-option{align-items:center;background-color:#fff0d6;border:2px solid #ffdab9;border-radius:15px;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .3s;width:60px}.image-option:hover{background-color:#ffe4b5;transform:scale(1.1)}.image-option.selected{background-color:#ff8c42;border-color:#ff8c42;color:#fff;transform:scale(1.1)}.emoji{font-size:2rem}.form-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:40px}.btn-cancel,.btn-submit{border-radius:25px;font-size:1.1rem;font-weight:700;min-width:150px;padding:15px 40px}.btn-cancel{background-color:#fff0d6;border:2px solid #ffdab9;color:#8b4513}.btn-cancel:hover{background-color:#ffe4b5;transform:translateY(-3px)}.btn-submit{align-items:center;background-color:#ff8c42;color:#fff;display:flex;gap:10px;justify-content:center}.btn-submit:hover:not(:disabled){background-color:#ff6b1a;box-shadow:0 5px 15px #ff6b1a4d;transform:translateY(-3px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.write-tips{background-color:#fff0d6;border:2px dashed #ffdab9;border-radius:20px;padding:30px}.write-tips h3{color:#ff8c42;font-size:1.5rem;margin-bottom:20px}.write-tips ul{list-style:none;padding:0}.write-tips li{color:#8b4513;line-height:1.6;margin-bottom:12px;padding-left:30px;position:relative}.write-tips li:before{content:"🐰";left:0;position:absolute;top:0}@media (max-width:768px){.write-post-header h1{font-size:2rem}.post-form{padding:30px 20px}.image-option{font-size:1.5rem;height:50px;width:50px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{min-width:auto;width:100%}}.about-page{padding:40px 0 80px}.about-container{margin:0 auto;max-width:1000px;padding:0 20px}.about-header{margin-bottom:60px;text-align:center}.about-header h1{color:#ff8c42;font-size:2.8rem;margin-bottom:15px}.about-header p{color:#8b4513;font-size:1.2rem;opacity:.9}.about-section{align-items:center;background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;display:flex;gap:50px;margin-bottom:60px;padding:40px}.about-text{flex:1 1}.about-text h2{color:#8b4513;font-size:2rem;margin-bottom:20px}.about-text p{color:sienna;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.about-image{align-items:center;display:flex;flex:0 0 200px;justify-content:center}.story-emoji{animation:bounce 3s ease-in-out infinite;font-size:8rem}.mission-section{margin-bottom:60px;text-align:center}.mission-section h2{color:#8b4513;font-size:2rem;margin-bottom:40px}.mission-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mission-card{background-color:#fff;border:2px solid #ffe4b5;border-radius:20px;padding:30px;transition:all .3s}.mission-card:hover{border-color:#ffdab9;box-shadow:0 15px 30px #ffb6c133;transform:translateY(-10px)}.mission-icon{font-size:3rem;margin-bottom:20px}.mission-card h3{color:#8b4513;font-size:1.4rem;margin-bottom:15px}.mission-card p{color:sienna;line-height:1.6}.features-section{margin-bottom:60px}.features-section h2{color:#8b4513;font-size:2rem;margin-bottom:40px;text-align:center}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{align-items:center;background-color:#fff;border:2px solid #ffe4b5;border-radius:20px;display:flex;gap:30px;padding:25px 30px;transition:all .3s}.feature-item:hover{background-color:#fff9f0;border-color:#ffdab9}.feature-number{color:#ffdab9;font-size:2.5rem;font-weight:700;min-width:60px}.feature-details h3{color:#8b4513;font-size:1.4rem;margin-bottom:10px}.feature-details p{color:sienna;line-height:1.6}.team-section{margin-bottom:60px;text-align:center}.team-section h2{color:#8b4513;font-size:2rem;margin-bottom:40px}.team-members{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-member{background-color:#fff;border:2px solid #ffe4b5;border-radius:20px;padding:30px;transition:all .3s}.team-member:hover{border-color:#ffdab9;box-shadow:0 15px 30px #ffb6c133;transform:translateY(-10px)}.member-avatar{font-size:3.5rem;margin-bottom:20px}.team-member h3{color:#8b4513;font-size:1.4rem;margin-bottom:10px}.team-member p{color:sienna;opacity:.9}.contact-section{background-color:#fff0d6;border:2px solid #ffdab9;border-radius:25px;padding:40px;text-align:center}.contact-section h2{color:#ff8c42;font-size:2rem;margin-bottom:20px}.contact-section p{color:#8b4513;font-size:1.1rem;margin-bottom:30px}.contact-info{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-item{align-items:center;background-color:#fff;border:1px solid #ffdab9;border-radius:15px;display:flex;gap:15px;padding:15px 25px}.contact-icon{font-size:1.8rem}.contact-item p{color:#8b4513;font-weight:700;margin:0}@media (max-width:768px){.about-section{flex-direction:column;gap:30px;padding:30px 20px}.about-header h1{font-size:2.2rem}.story-emoji{font-size:5rem}.feature-item{flex-direction:column;gap:15px;text-align:center}.feature-number{min-width:auto}.mission-cards,.team-members{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:20px}}.auth-page{align-items:center;display:flex;min-height:80vh;padding:40px 0}.auth-container{margin:0 auto;max-width:500px;padding:0 20px;width:100%}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.auth-icon{font-size:3rem}.auth-header h1{color:#ff8c42;font-size:2rem}.auth-header p{color:#8b4513;font-size:1.1rem;opacity:.9}.auth-card{background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;box-shadow:0 15px 35px #ffb6c133;margin-bottom:40px;padding:40px}.auth-tabs{border-bottom:2px solid #ffe4b5;display:flex;margin-bottom:30px}.tab-btn{background:none;border:none;color:#8b4513;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;padding:15px;position:relative;transition:all .3s}.tab-btn.active{color:#ff8c42}.tab-btn.active:after{background-color:#ff8c42;border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.auth-form .form-group{margin-bottom:25px}.auth-form label{color:#8b4513;display:block;font-weight:700;margin-bottom:8px}.auth-form input{font-size:1rem;width:100%}.auth-submit-btn{align-items:center;background-color:#ff8c42;border-radius:25px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:18px;transition:all .3s;width:100%}.auth-submit-btn:hover:not(:disabled){background-color:#ff6b1a;box-shadow:0 10px 20px #ff6b1a4d;transform:translateY(-3px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-footer{border-top:1px solid #ffe4b5;margin-top:30px;padding-top:25px;text-align:center}.auth-footer p{color:#8b4513}.switch-btn{background:none;border:none;color:#ff8c42;cursor:pointer;font-size:1rem;font-weight:700;margin-left:5px;transition:all .3s}.switch-btn:hover{color:#ff6b1a;text-decoration:underline}.auth-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));text-align:center}.feature{background-color:#fff0d6;border:1px solid #ffdab9;border-radius:15px;padding:20px}.feature-icon{font-size:2rem;margin-bottom:10px}.feature h3{color:#8b4513;font-size:1rem;margin-bottom:5px}.feature p{color:sienna;font-size:.9rem;opacity:.9}@media (max-width:768px){.auth-page{padding:20px 0}.auth-card{padding:30px 20px}.auth-header h1{font-size:1.8rem}.auth-features{grid-template-columns:1fr}}.post-detail-page{padding:40px 0 80px}.post-detail-container{margin:0 auto;max-width:800px;padding:0 20px}.post-detail-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffe4b5;border-radius:50%;border-top-color:#ff8c42;height:60px;margin-bottom:20px;width:60px}.post-not-found{padding:60px 20px;text-align:center}.post-not-found h2{color:#8b4513;font-size:2rem;margin-bottom:20px}.post-not-found p{color:sienna;font-size:1.1rem;margin-bottom:30px}.btn-primary{background-color:#ff8c42;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s}.btn-primary:hover{background-color:#ff6b1a;box-shadow:0 10px 20px #ff6b1a4d;transform:translateY(-3px)}.post-article{background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;box-shadow:0 10px 30px #ffb6c126;margin-bottom:40px;padding:40px}.back-btn{background-color:#fff0d6;border-radius:20px;color:#8b4513;font-weight:700;margin-bottom:30px;padding:10px 20px;transition:all .3s}.back-btn:hover{background-color:#ffe4b5;transform:translateX(-5px)}.post-meta{margin-bottom:20px}.post-date{color:#ff8c42;font-size:1.1rem;font-weight:700;margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tag{background-color:#fff0d6;border:1px solid #ffdab9;border-radius:15px;color:#8b4513;font-size:.9rem;padding:6px 15px}.post-title{color:#8b4513;font-size:2.2rem;line-height:1.3;margin-bottom:30px}.post-image-large{margin-bottom:40px;text-align:center}.post-emoji{animation:bounce 3s ease-in-out infinite;display:inline-block;font-size:6rem}.post-content{color:#8b4513;font-size:1.1rem;line-height:1.8;margin-bottom:40px}.post-content p{margin-bottom:20px}.additional-content{border-top:2px dashed #ffe4b5;margin-top:40px;padding-top:30px}.additional-content h3{color:#ff8c42;font-size:1.4rem;margin:25px 0 15px}.additional-content ul{list-style:none;margin-bottom:20px;padding-left:0}.additional-content li{color:#8b4513;padding:8px 0 8px 30px;position:relative}.additional-content li:before{content:"🥕";left:0;position:absolute;top:8px}.post-actions{border-top:2px solid #ffe4b5;justify-content:space-between;padding-top:30px}.like-btn,.post-actions{align-items:center;display:flex}.like-btn{background-color:#fff0d6;border-radius:25px;color:#8b4513;font-size:1.1rem;font-weight:700;gap:10px;padding:12px 25px;transition:all .3s}.like-btn:hover{background-color:#ffe4b5;transform:translateY(-3px)}.like-btn.liked{background-color:#ffdab9}.heart-icon{font-size:1.3rem}.action-info{color:sienna;display:flex;font-weight:700;gap:20px}.comments-section{background-color:#fff;border:2px solid #ffe4b5;border-radius:25px;box-shadow:0 10px 30px #ffb6c126;padding:40px}.comments-section h2{color:#8b4513;font-size:1.8rem;margin-bottom:30px}.comment-form{margin-bottom:40px}.comment-form textarea{font-size:1rem;margin-bottom:20px;resize:vertical;width:100%}.submit-comment-btn{background-color:#ff8c42;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s}.submit-comment-btn:hover{background-color:#ff6b1a;box-shadow:0 5px 15px #ff6b1a4d;transform:translateY(-3px)}.comments-list{display:flex;flex-direction:column;gap:25px}.no-comments{background-color:#fff9f0;border:2px dashed #ffdab9;border-radius:15px;color:sienna;padding:40px 20px;text-align:center}.comment-item{background-color:#fff9f0;border:1px solid #ffe4b5;border-radius:15px;padding:25px}.comment-header{margin-bottom:15px}.comment-author{align-items:center;display:flex;gap:15px}.comment-avatar{align-items:center;background-color:#ffdab9;border-radius:50%;display:flex;font-size:1.5rem;height:45px;justify-content:center;width:45px}.author-name{color:#8b4513;font-weight:700;margin-bottom:5px}.comment-date{color:sienna;font-size:.9rem}.comment-content{color:#8b4513;line-height:1.6}@media (max-width:768px){.comments-section,.post-article{padding:30px 20px}.post-title{font-size:1.8rem}.post-emoji{font-size:4rem}.post-actions{align-items:flex-start;flex-direction:column;gap:20px}}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.not-found-container{margin:0 auto;max-width:600px;text-align:center}.not-found-content{background-color:#fff;border:3px solid #ffe4b5;border-radius:30px;box-shadow:0 15px 40px #ffb6c133;margin-bottom:30px;padding:50px 40px}.not-found-emoji{animation:bounce 2s infinite;font-size:5rem;margin-bottom:20px}.not-found-content h1{color:#ff8c42;font-size:5rem;margin-bottom:10px}.not-found-content h2{color:#8b4513;font-size:2rem;margin-bottom:15px}.not-found-content p{color:sienna;font-size:1.1rem;margin-bottom:10px}.not-found-description{line-height:1.6;margin-bottom:40px;opacity:.9}.not-found-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.action-btn{align-items:center;border-radius:25px;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s}.action-btn.primary{background-color:#ff8c42;color:#fff}.action-btn.primary:hover{background-color:#ff6b1a;box-shadow:0 10px 20px #ff6b1a4d;text-decoration:none;transform:translateY(-5px)}.action-btn.secondary{background-color:#fff;border:2px solid #ffdab9;color:#8b4513}.action-btn.secondary:hover{background-color:#fff0d6;box-shadow:0 10px 20px #ffb6c133;text-decoration:none;transform:translateY(-5px)}.not-found-tips{background-color:#fff0d6;border:2px dashed #ffdab9;border-radius:20px;padding:25px;text-align:left}.not-found-tips h3{color:#ff8c42;font-size:1.3rem;margin-bottom:15px}.not-found-tips ul{list-style:none;padding-left:0}.not-found-tips li{color:#8b4513;line-height:1.6;margin-bottom:10px;padding-left:30px;position:relative}.not-found-tips li:before{content:"🐰";left:0;position:absolute;top:0}.not-found-decoration{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.decoration-item{animation:float 3s ease-in-out infinite;font-size:2rem}.decoration-item:first-child{animation-delay:0s}.decoration-item:nth-child(2){animation-delay:.5s}.decoration-item:nth-child(3){animation-delay:1s}.decoration-item:nth-child(4){animation-delay:1.5s}.decoration-item:nth-child(5){animation-delay:2s}@media (max-width:768px){.not-found-content{padding:40px 20px}.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.8rem}.not-found-actions{align-items:center;flex-direction:column}.action-btn{justify-content:center;width:100%}}.header{background-color:#fff0d6;border-bottom:3px solid #ffdab9;box-shadow:0 4px 12px #ffb6c133;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:15px;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo-icon{align-items:center;display:flex;position:relative}.rabbit-face{font-size:2.5rem;z-index:2}.rabbit-ear{background-color:#fff;border-radius:50%;height:25px;position:absolute;top:-15px;width:15px;z-index:1}.rabbit-ear.left{left:5px;transform:rotate(-20deg)}.rabbit-ear.right{right:5px;transform:rotate(20deg)}.logo h1{color:#ff8c42;font-size:1.8rem;text-shadow:2px 2px 4px #ff8c4233}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{border-radius:20px;color:#8b4513;font-size:1.1rem;font-weight:700;padding:8px 15px;position:relative;transition:all .3s}.nav-links a:hover{background-color:#ffe4b5;color:#ff6b1a;text-decoration:none}.nav-links a:after{background-color:#ff8c42;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s;width:0}.nav-links a:hover:after{width:70%}.user-menu{gap:15px}.user-info,.user-menu{align-items:center;display:flex}.user-info{gap:10px}.user-avatar{align-items:center;background-color:#ffdab9;border:2px solid #ff8c42;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.avatar-icon{font-size:1.5rem}.username{color:#8b4513;font-weight:700}.login-btn,.logout-btn{background-color:#ff8c42;border-radius:20px;color:#fff;font-weight:700;padding:10px 20px;transition:all .3s}.login-btn:hover,.logout-btn:hover{background-color:#ff6b1a;box-shadow:0 5px 15px #ff6b1a4d;transform:translateY(-3px)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.menu-bar{background-color:#ff8c42;border-radius:3px;height:3px;transition:all .3s;width:25px}@media (max-width:768px){.menu-toggle{display:flex}.nav-links{background-color:#fff0d6;border-bottom:3px solid #ffdab9;flex-direction:column;gap:20px;left:0;opacity:0;padding:20px;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .3s;visibility:hidden;z-index:99}.nav-links.open{opacity:1;transform:translateY(0);visibility:visible}.logo h1{font-size:1.5rem}}.footer{background-color:#fff0d6;border-top:3px solid #ffdab9;margin-top:50px;padding:30px 20px 20px;position:relative}.footer-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto 30px;max-width:1200px}.footer-section{flex:1 1;min-width:250px}.footer-section h3,.footer-section h4{color:#ff8c42;font-size:1.3rem;margin-bottom:15px}.footer-section p{color:#8b4513;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#8b4513;transition:color .3s}.footer-section ul li a:hover{color:#ff8c42}.social-icons{display:flex;gap:15px;margin-bottom:15px}.social-icon{cursor:pointer;font-size:1.8rem;transition:transform .3s}.social-icon:hover{transform:scale(1.2)}.footer-bottom{border-top:1px solid #ffdab9;margin:0 auto;max-width:1200px;padding-top:20px;text-align:center}.footer-bottom p{color:#8b4513;margin-bottom:10px}.footer-note{color:sienna;font-size:.9rem;opacity:.8}.footer-decoration{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.decoration{animation:float 4s ease-in-out infinite;font-size:1.5rem}.carrot{animation-delay:0s}.leaf{animation-delay:.5s}.rabbit{animation-delay:1s}.heart{animation-delay:1.5s}@media (max-width:768px){.footer-content{flex-direction:column;gap:30px}.footer-section{min-width:100%}}
/*# sourceMappingURL=main.593bd6a9.css.map*/