:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--brown-50: #fdf8f0;--brown-100: #f5e6d0;--brown-300: #c9a87c;--brown-500: #8b6914;--brown-700: #5c3d0e;--cream: #fefcf5;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-800: #1f2937;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--gray-800);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.farm-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 2rem;height:72px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 4px #0000000f;transition:all var(--transition)}.farm-nav.scrolled{box-shadow:var(--shadow-sm)}.nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;color:var(--green-800)}.logo-icon{font-size:1.6rem}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;color:var(--gray-600);position:relative;padding:2px 4px;transition:color var(--transition);display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none}.nav-links a .nav-icon{font-size:1.2rem;line-height:1}.nav-links a:hover,.nav-links a.router-link-active{color:var(--green-600)}.nav-links a.router-link-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--green-500);border-radius:1px}.nav-more{position:relative;cursor:pointer;font-weight:500;color:var(--gray-600);padding:4px 0;-webkit-user-select:none;user-select:none}.nav-more:hover{color:var(--green-600)}.nav-more-drop{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:140px;padding:.5rem 0;z-index:100}.nav-more-drop a{display:block;padding:10px 1.25rem;font-size:.9rem;color:var(--gray-600);white-space:nowrap}.nav-more-drop a:hover{background:var(--green-50);color:var(--green-700)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-action-pill{display:flex;align-items:center;gap:6px;padding:7px 15px;border-radius:24px;background:#fffffff2;border:1.5px solid var(--green-300);cursor:pointer;position:relative;transition:all .2s ease;font-size:.85rem;font-weight:500;color:var(--gray-700);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-action-pill:hover{background:var(--green-50);border-color:var(--green-500);color:var(--green-700)}.nav-action-pill:active{background:var(--green-100);transform:scale(.97)}.nav-action-icon{font-size:1.05rem;line-height:1}.nav-action-text{font-size:.82rem;font-weight:500}@media (max-width: 480px){.nav-action-text{display:none}.nav-action-pill{padding:7px 10px}}.btn-primary{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all var(--transition);box-shadow:0 4px 14px #22c55e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn-outline{background:transparent;color:var(--green-600);border:2px solid var(--green-400);padding:8px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all var(--transition)}.btn-outline:hover{background:var(--green-50);border-color:var(--green-600)}.btn-lg{padding:14px 36px;font-size:1.1rem;border-radius:var(--radius-md)}.farm-main{min-height:100vh;padding-top:72px}.farm-main.admin-view{padding-top:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7 30%,#fef3c7 70%,#fefcf5);overflow:hidden;padding:3rem 1rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(251,191,36,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.04) 0%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:700px;padding:2rem}.hero h1{font-size:2.5rem;font-weight:800;color:var(--green-900);line-height:1.2;margin-bottom:.5rem}.hero h1 .highlight{background:linear-gradient(135deg,var(--green-500),var(--amber-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.8}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-deco{position:absolute;font-size:3rem;opacity:.15;animation:float 6s ease-in-out infinite}.hero-deco:nth-child(1){top:15%;left:10%;animation-delay:0s}.hero-deco:nth-child(2){top:20%;right:12%;animation-delay:1s}.hero-deco:nth-child(3){bottom:20%;left:15%;animation-delay:2s}.hero-deco:nth-child(4){bottom:15%;right:10%;animation-delay:3s}.hero-deco:nth-child(5){top:50%;left:5%;animation-delay:4s}.hero-deco:nth-child(6){top:45%;right:5%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.2rem;font-weight:700;color:var(--green-900);margin-bottom:.5rem}.section-header p{color:var(--gray-400);font-size:1.05rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition);border:1px solid var(--gray-100)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{width:100%;height:200px;object-fit:cover;background:var(--green-100)}.card-body{padding:1.25rem}.card-body h3{font-size:1.15rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.card-body p{font-size:.9rem;color:var(--gray-400);line-height:1.6}.card-meta{display:flex;gap:1rem;margin-top:.75rem;font-size:.85rem;color:var(--gray-400)}.card-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.tag-green{background:var(--green-100);color:var(--green-700)}.tag-amber{background:var(--amber-100);color:var(--brown-500)}.tag-blue{background:#dbeafe;color:#1d4ed8}.tag-red{background:#fee2e2;color:#dc2626}.tag-gray{background:#f3f4f6;color:#6b7280}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.feature-pill{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all var(--transition)}.feature-pill:hover{border-color:var(--green-300);box-shadow:var(--shadow-md)}.feature-pill .icon{font-size:2.5rem;margin-bottom:.75rem}.feature-pill h4{font-weight:600;margin-bottom:.25rem}.feature-pill p{font-size:.85rem;color:var(--gray-400)}.farm-footer{background:var(--green-900);color:var(--green-100);padding:3rem 2rem 1.5rem}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem}.footer-brand p{margin-top:.5rem;font-size:.9rem;opacity:.7}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links strong{margin-bottom:.25rem}.footer-links a{opacity:.7;transition:opacity var(--transition)}.footer-links a:hover{opacity:1}.footer-contact p{font-size:.9rem;opacity:.7}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.85rem;opacity:.5}.page-banner{background:linear-gradient(135deg,var(--green-50),var(--brown-50));padding:4rem 2rem;text-align:center}.page-banner h1{font-size:2.5rem;font-weight:700;color:var(--green-900);margin-bottom:.5rem}.page-banner p{color:var(--gray-600);font-size:1.1rem}.filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{padding:6px 16px;border-radius:20px;font-size:.9rem;background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);transition:all var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--green-500);color:#fff;border-color:var(--green-500)}.detail-hero{position:relative;height:400px;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;align-items:flex-end;padding:3rem 2rem;color:#fff}.detail-content{max-width:800px;margin:0 auto;padding:2rem}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:2rem 0}.detail-info-item{text-align:center;padding:1rem;background:var(--green-50);border-radius:var(--radius-md)}.detail-info-item .label{font-size:.8rem;color:var(--gray-400)}.detail-info-item .value{font-size:1.3rem;font-weight:700;color:var(--green-700)}.form-card{max-width:560px;margin:3rem auto;background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:.35rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:border-color var(--transition);background:var(--gray-50)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--green-400);box-shadow:0 0 0 3px #22c55e1a}.empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-400)}.empty-state .icon{font-size:4rem;margin-bottom:1rem}@media (max-width: 768px){.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.section{padding:3rem 1rem}.section-header h2{font-size:1.6rem}.card-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.detail-hero{height:250px}.detail-info-grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.2rem;z-index:999;padding:3rem 2rem;overflow-y:auto}.nav-links.show{display:flex}.nav-links a{font-size:1.3rem}.desktop-only{display:none}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;padding:8px;z-index:1001}.hamburger span{display:block;width:24px;height:2px;background:var(--green-800);border-radius:2px;transition:all .3s}.farm-nav.menu-open{background:#fff;border-bottom:1px solid var(--gray-200)}.menu-open .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-open .hamburger span:nth-child(2){opacity:0}.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero-actions{flex-direction:column}.footer-inner{grid-template-columns:1fr}}.callout-bar{margin-top:72px;background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;padding:6px .75rem;display:flex;align-items:center;gap:.5rem}.callout-badge{background:#ea580c;color:#fff;font-weight:700;padding:4px 10px;border-radius:20px;font-size:.75rem;white-space:nowrap;flex-shrink:0}.callout-ticker{flex:1;overflow:hidden;min-width:0;border-radius:20px;background:#fff9;padding:3px 0}.callout-track{display:flex;gap:3rem;animation:ticker-scroll 16s linear infinite;white-space:nowrap;padding:0 .5rem}.callout-title{font-size:.85rem;color:#92400e;font-weight:600;flex-shrink:0;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s}.callout-title:active{background:#ea580c1a}.callout-title small{font-weight:400}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.callout-publish{background:#ea580c;color:#fff;border:none;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.callout-publish:active{background:#c2410c}@media (max-width: 600px){.callout-bar{padding:5px .5rem;gap:.3rem}.callout-badge{font-size:.7rem;padding:3px 8px}.callout-title{font-size:.78rem}.callout-publish{font-size:.7rem;padding:4px 8px}.callout-track{gap:2rem}}.notify-badge{position:absolute;top:-4px;right:-2px;background:#ef4444;color:#fff;font-size:.6rem;min-width:17px;height:17px;line-height:17px;border-radius:9px;text-align:center;font-weight:700;box-shadow:0 1px 3px #ef44444d}.nav-badge{position:absolute;top:-4px;right:-6px;color:#fff;font-size:.6rem;min-width:17px;height:17px;line-height:17px;border-radius:9px;text-align:center;font-weight:700;box-shadow:0 1px 3px #00000026}.nav-badge-green{background:#22c55e;right:-6px}.nav-badge-red{background:#ef4444;right:-6px}.nav-badge-green+.nav-badge-red{right:-20px}.nav-my-pill{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border:2px solid #22c55e!important;font-weight:700}.nav-my-pill:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)!important}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notify-drop{position:absolute;top:42px;right:-20px;z-index:3000;width:300px;max-height:380px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f}.notify-drop-head{padding:.75rem 1rem;font-weight:700;font-size:.9rem;border-bottom:1px solid var(--gray-100);position:sticky;top:0;background:#fff;z-index:1;border-radius:12px 12px 0 0}.notify-item{display:flex;gap:.6rem;padding:.7rem 1rem;cursor:pointer;border-bottom:1px solid var(--gray-50);transition:background .15s}.notify-item:hover{background:var(--green-50)}.notify-type{font-size:1.1rem;flex-shrink:0;margin-top:2px}.notify-msg{font-size:.85rem;color:var(--gray-700);line-height:1.4}.notify-time{font-size:.7rem;color:var(--gray-400);margin-top:2px}@media (max-width: 600px){.notify-drop{width:260px;right:-60px}}.announce-carousel{max-width:700px;margin:0 auto;overflow:hidden;position:relative;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.announce-track{display:flex;transition:transform .5s ease;width:100%}.announce-item{flex:0 0 100%;width:100%;padding:1rem 1.5rem;font-weight:600;color:#92400e;text-align:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce-item small{color:#a16207;font-weight:400}.announce-dots{display:flex;justify-content:center;gap:.5rem;padding:.5rem}.announce-dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer}.announce-dots span.active{background:#f59e0b}.quick-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.quick-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;text-decoration:none;box-shadow:0 1px 3px #0000000f;font-size:2rem;transition:transform .15s;min-width:80px}.quick-link:hover{transform:translateY(-2px)}.quick-link span{font-size:.8rem;color:#666;font-weight:600}.stat-pill{padding:.75rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;font-size:1rem;color:#888}.stat-pill strong{color:#a16207;font-size:1.3rem;margin:0 .25rem}