:root{--seed-bg: #faf9f4;--seed-fg: #2d3b2d;--seed-primary: #4a9e3f;--seed-accent: #e8a000;--seed-surface: #ffffff;--seed-radius: 20px;--color-primary-dark: #3a7e32;--color-primary-soft: #e9f5e6;--color-primary-mist: #f2faf0;--color-warm: #fdf6e8;--color-border: #e8e4da;--color-border-soft: #f0ede5;--color-muted: #5e6e5a;--color-muted-light: #6b7d67;--color-accent-strong: #b8800a;--color-tag-green-fg: #2f6a28;--shadow-soft: 0 2px 12px rgba(74,158,63,.06);--shadow-lift: 0 8px 30px rgba(74,158,63,.1);--shadow-float: 0 16px 48px rgba(74,158,63,.12);--radius-sm: calc(var(--seed-radius) * .5);--radius-lg: calc(var(--seed-radius) * 1.4);--spacing-unit: 8px;--color-success: #4a9e3f;--color-danger: #d94f4f;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--seed-bg);color:var(--seed-fg);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-30%;right:-20%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(232,160,0,.04) 0%,transparent 60%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;bottom:-20%;left:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(74,158,63,.03) 0%,transparent 55%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--seed-primary) 25%,var(--seed-bg));border-radius:4px}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input{font-family:var(--font-body)}:focus{outline:none}:focus-visible{outline:3px solid var(--seed-primary);outline-offset:2px;border-radius:8px}.filter-chip:focus-visible,.card-btn:focus-visible,.nav-admin:focus-visible,.btn:focus-visible{box-shadow:0 0 0 4px #4a9e3f47;outline:none}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--seed-surface) 88%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--color-border-soft);box-shadow:0 1px #ffc8500f,0 4px 24px #0000000a}.nav-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 calc(var(--spacing-unit) * 3)}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--seed-fg)}.nav-icon{width:44px;height:44px;background:linear-gradient(135deg,#ffd76e,#e8a000 60%,#b8800a);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 16px #e8a00059,inset 0 1px #ffebb466;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-brand:hover .nav-icon{transform:rotate(-8deg) scale(1.08)}.nav-title{font-weight:800;font-size:1.0625rem;letter-spacing:-.02em}.nav-sub{font-size:.625rem;color:var(--color-muted-light);letter-spacing:.08em}.nav-actions{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5)}.nav-btn{color:var(--seed-fg);text-decoration:none;font-size:.875rem;font-weight:600;padding:9px 18px;min-height:38px;display:inline-flex;align-items:center;border-radius:100px;border:1.5px solid var(--color-border);background:var(--seed-surface);transition:all .2s}.nav-btn:hover{border-color:var(--seed-primary);color:var(--seed-primary);transform:translateY(-1px);box-shadow:0 4px 12px #4a9e3f1a}.nav-btn-admin{color:var(--color-muted);border-color:var(--color-border-soft)}.nav-btn-admin:hover{color:var(--seed-fg);border-color:var(--seed-fg);box-shadow:0 4px 12px #00000014}.hero{position:relative;padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 10);overflow:hidden;color:#fff;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,213,110,.35) 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 100%,#4a9e3fd9,#2e7d32f2 60%,#1f5f24),linear-gradient(180deg,#f5b800,#e8a000 18%,#c98a18 35%,#8db954 60%,#4a9e3f,#2e7d32);background-blend-mode:normal,normal,normal}.hero:before{content:"";position:absolute;top:-30%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,220,120,.32) 0%,rgba(255,200,80,.12) 30%,transparent 60%);pointer-events:none;animation:sun-glow 7s ease-in-out infinite;mix-blend-mode:screen}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 1.5px,rgba(255,235,180,.18) 1px,transparent 1.5px);background-size:38px 38px;background-position:0 0;pointer-events:none}@keyframes sun-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.hero-inner{max-width:72rem;margin:0 auto;position:relative;z-index:3}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:#fff;padding:7px 18px;background:#ffd56e33;border:1px solid rgba(255,235,180,.5);border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:calc(var(--spacing-unit) * 3);animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 4px 20px #ffb43233}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1.2;margin-bottom:calc(var(--spacing-unit) * 1);text-shadow:0 2px 16px rgba(0,0,0,.2),0 0 40px rgba(255,213,110,.2);animation:title-fade-up .8s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes title-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero h1 .gold{background:linear-gradient(180deg,#fff5d1,#ffd76e,#ffb627 70%,#b8800a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#c98a18;padding-right:.05em;filter:drop-shadow(0 2px 6px rgba(184,128,10,.5)) drop-shadow(0 0 12px rgba(255,213,110,.4))}.title-flourish{display:flex;align-items:center;justify-content:center;gap:16px;margin:calc(var(--spacing-unit) * .5) 0 calc(var(--spacing-unit) * 1);animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) .2s both}.title-flourish .line{flex:0 0 80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,235,180,.7),transparent)}.title-flourish .seal-flourish{position:relative;width:70px;height:70px;display:inline-block;transform:rotate(-6deg);flex-shrink:0;animation:seal-stamp 1.2s cubic-bezier(.34,1.56,.64,1) .5s both,seal-sway 5s ease-in-out 1.7s infinite}.title-flourish .seal-flourish .seal-svg{width:100%;height:100%}.hero-desc{font-size:1.0625rem;color:#ffffffeb;line-height:1.8;max-width:52ch;animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) .16s both;text-shadow:0 1px 8px rgba(0,0,0,.15)}@keyframes bounce-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-seedlings{position:absolute;bottom:0;left:0;right:0;height:180px;pointer-events:none;z-index:2}.hero-seedlings svg{position:absolute;bottom:0;width:100%;height:180px}.sprout{transform-origin:bottom center;animation:sprout-grow 1.2s cubic-bezier(.34,1.56,.64,1) both}.sprout:nth-child(2){animation-delay:.15s}.sprout:nth-child(3){animation-delay:.3s}.sprout:nth-child(4){animation-delay:.45s}.sprout:nth-child(5){animation-delay:.6s}.sprout:nth-child(6){animation-delay:.75s}.sprout:nth-child(7){animation-delay:.9s}@keyframes sprout-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.sprout-sway{animation:sway 4s ease-in-out infinite;transform-origin:bottom center}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(2.5deg)}75%{transform:rotate(-2deg)}}.hero-leaf{position:absolute;pointer-events:none;opacity:0;animation:leaf-fall 8s ease-in-out infinite;z-index:1}.hero-leaf-1{top:8%;left:12%;animation-delay:0s}.hero-leaf-2{top:22%;right:18%;animation-delay:1.5s;animation-duration:9s}.hero-leaf-3{top:45%;left:55%;animation-delay:3.5s;animation-duration:7s}.hero-leaf-4{top:12%;right:40%;animation-delay:.8s;animation-duration:10s}.hero-leaf-5{top:60%;left:25%;animation-delay:2.5s;animation-duration:8.5s}.hero-leaf-6{top:35%;right:8%;animation-delay:4.5s;animation-duration:7.5s}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}15%{opacity:.7}50%{opacity:.4;transform:translateY(35px) rotate(140deg) translate(18px)}85%{opacity:.6}to{opacity:0;transform:translateY(65px) rotate(260deg) translate(-12px)}}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;z-index:4;line-height:0}.hero-wave svg{width:100%;height:48px;display:block}.depth-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sun{position:absolute;top:-60px;right:8%;width:200px;height:200px}.sun-core{position:absolute;top:40px;right:40px;bottom:40px;left:40px;background:radial-gradient(circle,rgba(255,245,180,.5) 0%,rgba(255,230,120,.2) 40%,transparent 70%);border-radius:50%;animation:sun-pulse 5s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.sun-ray{position:absolute;top:50%;left:50%;width:300px;height:2px;background:linear-gradient(90deg,rgba(255,240,160,.25),transparent);transform-origin:left center}.ray-1{transform:rotate(25deg)}.ray-2{transform:rotate(45deg);width:260px;opacity:.7}.ray-3{transform:rotate(65deg);width:220px;opacity:.5}.cloud{position:absolute;display:flex;animation:cloud-drift 30s linear infinite}.cloud-far{top:12%;left:-15%;opacity:.5;transform:scale(.7);animation-duration:45s}.cloud-near{top:28%;left:-25%;opacity:.7;animation-duration:32s;animation-delay:8s}.cloud-puff{background:#ffffff2e;border-radius:50%}.cp-1{width:70px;height:36px}.cp-2{width:90px;height:46px;margin-top:-14px;margin-left:-18px}.cp-3{width:60px;height:32px;margin-top:-6px;margin-left:-16px}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(130vw)}}.bird{position:absolute;animation:bird-fly 14s linear infinite}.bird-1{top:18%;left:-5%;animation-duration:16s}.bird-2{top:24%;left:-8%;animation-duration:20s;animation-delay:4s}.bird-3{top:14%;left:-3%;animation-duration:24s;animation-delay:9s}@keyframes bird-fly{0%{transform:translate(0) translateY(0)}25%{transform:translate(30vw) translateY(-15px)}50%{transform:translate(60vw) translateY(5px)}75%{transform:translate(85vw) translateY(-10px)}to{transform:translate(110vw) translateY(0)}}.hills{position:absolute;bottom:0;left:0;width:100%}.hills-far{height:120px}.hills-mid{height:100px}.hills-near{height:80px}.fish-emblem{position:absolute;top:10%;right:4%;z-index:3;animation:emblem-float 5s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(255,200,80,.4)) drop-shadow(0 0 40px rgba(255,220,120,.2));padding:12px;background:radial-gradient(circle,rgba(255,250,220,.15) 0%,transparent 70%);border-radius:50%}.fish-logo-img{width:130px;height:auto;display:block;filter:drop-shadow(0 0 18px rgba(255,240,180,.6)) drop-shadow(0 2px 8px rgba(0,0,0,.2))}@keyframes emblem-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.rice-bowl{position:absolute;bottom:8%;right:6%;z-index:3;animation:bowl-float 6s ease-in-out infinite}.rice-bowl-img{width:210px;height:210px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,235,180,.8);box-shadow:0 16px 48px #0000004d,0 0 60px #ffc85059,inset 0 0 0 8px #ffffff1a;display:block}@keyframes bowl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.real-grains{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.real-grain{position:absolute;animation:grain-drift 6s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}@keyframes grain-drift{0%,to{transform:translateY(0) rotate(0);opacity:.9}50%{transform:translateY(-14px) rotate(10deg);opacity:.6}}.fg-leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.fg-leaf{position:absolute;bottom:-20px;filter:blur(6px);opacity:.8;animation:fg-sway 6s ease-in-out infinite;transform-origin:bottom center}.fg-leaf-l{left:-30px}.fg-leaf-r{right:-20px;animation-delay:2s;animation-duration:7s}@keyframes fg-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.paper-plane{position:absolute;top:15%;right:25%;z-index:3;animation:plane-to-search 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}@keyframes plane-to-search{0%{transform:translate(0) rotate(-8deg) scale(1);opacity:.9}30%{transform:translate(-80px,40px) rotate(-15deg) scale(.9);opacity:.8}60%{transform:translate(-180px,120px) rotate(-5deg) scale(.7);opacity:.5}80%{transform:translate(-240px,180px) rotate(-12deg) scale(.5);opacity:.2}to{transform:translate(0) rotate(-8deg) scale(1);opacity:.9}}.butterflies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.butterfly{position:absolute;animation:flutter 6s ease-in-out infinite}.bf-1{top:20%;left:65%;animation-delay:0s}.bf-2{top:40%;left:80%;animation-delay:2s;animation-duration:7s}.bf-3{top:55%;left:50%;animation-delay:4s;animation-duration:5.5s}@keyframes flutter{0%{transform:translate(0) rotate(0) scaleX(1)}15%{transform:translate(12px,-8px) rotate(5deg) scaleX(.6)}30%{transform:translate(25px,-3px) rotate(-3deg) scaleX(1)}50%{transform:translate(15px,-15px) rotate(8deg) scaleX(.5)}70%{transform:translate(30px,-5px) rotate(-5deg) scaleX(1)}85%{transform:translate(10px,-12px) rotate(3deg) scaleX(.7)}to{transform:translate(0) rotate(0) scaleX(1)}}.dot{position:absolute;width:5px;height:5px;background:#fff6;border-radius:50%;animation:dot-float 9s ease-in-out infinite}.d1{top:15%;left:30%;animation-delay:0s}.d2{top:35%;left:70%;animation-delay:1.5s;width:4px;height:4px}.d3{top:55%;left:45%;animation-delay:3s;width:3px;height:3px}.d4{top:25%;left:85%;animation-delay:2s;width:6px;height:6px;opacity:.3}.d5{top:65%;left:20%;animation-delay:4s;width:4px;height:4px}.d6{top:45%;left:55%;animation-delay:5s;width:3px;height:3px}@keyframes dot-float{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-15px);opacity:.7}}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 4);animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) .32s both}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 1.5);background:linear-gradient(135deg,#ffebb426,#ffffff0f);border:1px solid rgba(255,220,120,.4);border-radius:var(--seed-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 24px #0000001a,inset 0 1px #ffebb433;position:relative;overflow:hidden}.hero-stat:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,rgba(255,213,110,.4),transparent 50%,rgba(255,213,110,.2));border-radius:var(--seed-radius);z-index:-1;opacity:0;transition:opacity .3s}.hero-stat:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00000026,0 0 24px #ffc85040,inset 0 1px #ffebb44d}.hero-stat:hover:before{opacity:1}.hero-stat-num{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#fff5d1,#ffd76e,#ffb627);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 24px rgba(255,200,80,.4);line-height:1.1}.hero-stat-label{font-size:.75rem;color:#fffffff2;font-weight:600}.pollen-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.pollen{position:absolute;width:4px;height:4px;background:#ffdc64b3;border-radius:50%;box-shadow:0 0 6px #ffdc6466;animation:pollen-rise 7s ease-in-out infinite;opacity:0}.p1{left:10%;bottom:30%;animation-delay:0s}.p2{left:25%;bottom:25%;animation-delay:1.2s;animation-duration:8s;width:3px;height:3px}.p3{left:40%;bottom:35%;animation-delay:2.5s;animation-duration:6s}.p4{left:55%;bottom:28%;animation-delay:.8s;animation-duration:9s;width:5px;height:5px}.p5{left:68%;bottom:32%;animation-delay:3.5s;animation-duration:7.5s;width:3px;height:3px}.p6{left:78%;bottom:26%;animation-delay:1.8s;animation-duration:8.5s}.p7{left:88%;bottom:34%;animation-delay:4s;animation-duration:6.5s;width:3px;height:3px}.p8{left:50%;bottom:22%;animation-delay:2s;animation-duration:10s;width:5px;height:5px}@keyframes pollen-rise{0%{opacity:0;transform:translateY(0) translate(0)}20%{opacity:.8}50%{opacity:.5;transform:translateY(-40px) translate(12px)}80%{opacity:.6}to{opacity:0;transform:translateY(-80px) translate(-8px)}}.main-container{max-width:72rem;margin:calc(var(--spacing-unit) * -4) auto 0;padding:0 calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 8);position:relative;z-index:5}.filter-bar{background:var(--seed-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 4);box-shadow:var(--shadow-soft)}.filter-row-main{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 2);flex-wrap:nowrap}.filter-search-input{position:relative;flex:1 1 240px;min-width:200px}.filter-search-input input{width:100%;padding:11px 18px 11px 40px;border:1.5px solid var(--color-border);border-radius:var(--seed-radius);background:var(--seed-bg);font-size:.9375rem;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.filter-search-input input:focus{outline:none;border-color:var(--seed-primary);box-shadow:0 0 0 4px #4a9e3f14;background:var(--seed-surface)}.filter-search-input input::placeholder{color:var(--color-muted-light)}.filter-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-muted-light)}.filter-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--color-border);color:var(--color-muted);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.filter-select{padding:11px 32px 11px 14px;min-height:44px;min-width:120px;border:1.5px solid var(--color-border);border-radius:var(--seed-radius);background:var(--seed-bg);color:var(--seed-fg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a8a76' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:hover,.filter-select:focus{border-color:var(--seed-primary);outline:none;box-shadow:0 0 0 4px #4a9e3f14}.filter-search-btn{padding:11px 22px;min-height:44px;border-radius:var(--seed-radius);background:var(--seed-primary);color:#fff;font-size:.875rem;font-weight:700;transition:all .2s;white-space:nowrap}.filter-search-btn:hover{background:#3a8a32;transform:translateY(-1px);box-shadow:0 6px 20px #4a9e3f4d}.filter-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.filter-meta-actions{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.filter-row{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.25);margin-bottom:calc(var(--spacing-unit) * 1.5);flex-wrap:wrap}.filter-label{font-size:.75rem;font-weight:750;color:var(--color-muted);min-width:34px}.filter-chip{padding:12px 18px;min-height:44px;border-radius:100px;font-size:.8125rem;font-weight:650;background:var(--seed-bg);border:1.5px solid var(--color-border);color:var(--color-muted);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.filter-chip:hover{border-color:var(--seed-primary);color:var(--seed-primary);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-soft)}.filter-chip.active{background:var(--seed-primary);color:#fff;border-color:var(--seed-primary);box-shadow:0 4px 14px #4a9e3f40;transform:scale(1.05)}.filter-footer{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--spacing-unit) * 2.5);padding-top:calc(var(--spacing-unit) * 2.5);border-top:1.5px solid var(--color-border-soft)}.filter-count{font-size:.875rem;color:var(--color-muted);font-weight:550}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3)}.rice-card{background:var(--seed-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:card-bounce .5s cubic-bezier(.34,1.56,.64,1) both;box-shadow:var(--shadow-soft);position:relative;transform-style:preserve-3d;perspective:1000px}.rice-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none;box-shadow:inset 0 0 #ffc85000;transition:box-shadow .3s}.rice-card .card-shine{position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,240,180,.5) 50%,transparent 70%);transform:skew(-25deg);transition:none;z-index:5;pointer-events:none}.rice-card:hover .card-shine{animation:shine-sweep 1.2s ease-out forwards}@keyframes shine-sweep{0%{left:-150%}to{left:180%}}.rice-card:nth-child(1){animation-delay:0s}.rice-card:nth-child(2){animation-delay:.06s}.rice-card:nth-child(3){animation-delay:.12s}.rice-card:nth-child(4){animation-delay:.18s}.rice-card:nth-child(5){animation-delay:.24s}.rice-card:nth-child(6){animation-delay:.3s}@keyframes card-bounce{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rice-card:hover{transform:translateY(-12px) rotateX(2deg) rotateY(-2deg);box-shadow:0 24px 56px #4a9e3f38,0 0 0 1px #ffc85066,0 0 50px #ffc85026}.rice-card:hover:after{box-shadow:inset 0 0 0 2px #ffc85080}.rice-card .card-illust{transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:translateZ(20px)}.card-top{position:relative;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5d6,#ffe6a8,#f4d484);overflow:hidden}.card-top:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,200,80,.35) 0%,transparent 70%);pointer-events:none}.card-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,var(--seed-surface),transparent)}.card-badge{position:absolute;top:12px;left:12px;padding:5px 13px;border-radius:100px;font-size:.6875rem;font-weight:800;background:var(--color-accent-strong);color:#fff;box-shadow:0 4px 14px #b8800a73,inset 0 1px #ffdc7866;z-index:2}.card-count{position:absolute;top:12px;right:12px;font-size:.6875rem;font-weight:600;color:var(--color-muted);background:#ffffffd9;padding:4px 10px;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.card-illust{position:relative;z-index:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.rice-card:hover .card-illust{transform:scale(1.12) rotate(-3deg) translateY(-4px)}.card-body{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 3)}.card-title{font-size:1rem;font-weight:750;margin-bottom:calc(var(--spacing-unit) * 1.5);line-height:1.4;letter-spacing:-.01em}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:calc(var(--spacing-unit) * 2.5)}.card-tag{padding:4px 12px;border-radius:100px;font-size:.6875rem;font-weight:650}.card-tag-green{background:var(--color-primary-soft);color:var(--color-tag-green-fg)}.card-tag-gold{background:var(--color-warm);color:var(--color-accent-strong)}.card-actions{display:flex;align-items:center;justify-content:space-between}.card-link{font-size:.8125rem;font-weight:650;color:var(--color-muted);text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:4px}.card-link:hover{color:var(--seed-primary);gap:8px}.card-btn{display:flex;align-items:center;gap:6px;padding:12px 22px;min-height:44px;border-radius:100px;font-size:.8125rem;font-weight:750;background:var(--seed-primary);color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 12px #4a9e3f33;position:relative;overflow:hidden}.card-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:none;pointer-events:none}.card-btn:hover:after{animation:ripple .7s ease-out}@keyframes ripple{0%{width:0;height:0;opacity:.6}to{width:220px;height:220px;opacity:0}}.card-btn:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 24px #4a9e3f4d}.card-btn:active{transform:scale(.93)}.card-btn:disabled{opacity:.4;transform:none;box-shadow:none}.card-btn .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;min-height:44px;border-radius:100px;font-size:.875rem;font-weight:750;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn:active{transform:scale(.94)}.btn-primary{background:var(--seed-primary);color:#fff;box-shadow:0 3px 14px #4a9e3f33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4a9e3f4d}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.toast-container{position:fixed;top:78px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.toast{display:flex;align-items:center;gap:10px;padding:15px 22px;background:var(--seed-surface);border:1px solid var(--color-border-soft);border-radius:var(--seed-radius);box-shadow:var(--shadow-float);font-size:.875rem;font-weight:650;animation:toast-bounce .4s cubic-bezier(.34,1.56,.64,1) both}.toast.success{border-left:4px solid var(--color-success)}.toast-icon{width:18px;height:18px;color:var(--color-success);flex-shrink:0}@keyframes toast-bounce{0%{opacity:0;transform:translate(24px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.empty-state{text-align:center;padding:calc(var(--spacing-unit) * 10);color:var(--color-muted);background:var(--seed-surface);border-radius:var(--radius-lg);border:1.5px dashed var(--color-border)}.empty-state-icon{font-size:3rem;margin-bottom:calc(var(--spacing-unit) * 2)}.footer{text-align:center;padding:calc(var(--spacing-unit) * 5) 0;font-size:.8125rem;color:var(--color-muted-light);border-top:1px solid var(--color-border-soft);margin-top:calc(var(--spacing-unit) * 5)}@media (max-width: 1024px){.rice-bowl,.rice-bowl-img{width:150px;height:150px}.fish-logo-img{width:90px}}@media (max-width: 768px){.nav-inner{padding:0 calc(var(--spacing-unit) * 2)}.nav-actions{display:none}.nav-drawer{display:flex}.hero{padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 3)}.hero-inner{grid-template-columns:1fr}.hero-illust{display:none}.hero-actions{flex-direction:column}.hero-stats{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 1)}.hero-stat-num{font-size:1.25rem}.hero:before{width:320px;height:320px}.rice-bowl,.fish-emblem,.butterflies,.pollen-field{display:none}.card-grid{grid-template-columns:1fr}.filter-bar{padding:calc(var(--spacing-unit) * 2.5)}}@media (max-width: 480px){.hero-stats{grid-template-columns:1fr}.hero h1{font-size:2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.sprout-sway,.leaf-fall,.butterfly,.paper-plane,.cloud,.bird,.pollen,.real-grain,.dot{animation:none!important}}.nav-drawer{display:none}.nav-burger{display:none;width:44px;height:44px;padding:0;flex-direction:column;gap:5px;align-items:center;justify-content:center;border-radius:12px;transition:background .2s}.nav-burger:hover{background:var(--color-primary-soft)}.burger-line{display:block;width:22px;height:2px;background:var(--seed-fg);border-radius:2px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.burger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60;animation:fade-in .2s ease}.nav-drawer[role=dialog]{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(320px,80vw);background:var(--seed-surface);z-index:70;padding:calc(var(--spacing-unit) * 3);box-shadow:-8px 0 32px #00000026;animation:slide-in .3s cubic-bezier(.34,1.56,.64,1) both}.nav-drawer[role=dialog] a{color:var(--seed-fg);text-decoration:none;font-size:1rem;font-weight:600;padding:14px 16px;min-height:44px;display:flex;align-items:center;border-radius:12px;transition:background .2s}.nav-drawer[role=dialog] a:hover{background:var(--color-primary-mist);color:var(--seed-primary)}.nav-drawer[role=dialog] .nav-admin{margin-top:calc(var(--spacing-unit) * 2);border:1px solid var(--color-border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.nav-burger{display:flex}}.filter-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--color-border);color:var(--color-muted);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-search-clear:hover{background:var(--color-muted);color:#fff}.filter-search input{padding-right:50px}.filter-footer-actions{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5)}.btn-reset{padding:12px 18px;min-height:44px;border-radius:100px;font-size:.8125rem;font-weight:650;background:transparent;color:var(--color-muted);border:1.5px solid var(--color-border);transition:all .2s}.btn-reset:hover{color:var(--seed-primary);border-color:var(--seed-primary);background:var(--color-primary-mist)}.toast{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--seed-surface);border:1px solid var(--color-border-soft);border-radius:var(--seed-radius);box-shadow:var(--shadow-float);font-size:.875rem;font-weight:650;animation:toast-bounce .4s cubic-bezier(.34,1.56,.64,1) both}.golden-seal{position:absolute;z-index:4;pointer-events:none}.golden-seal .seal-svg{display:block;filter:drop-shadow(0 4px 16px rgba(192,57,43,.5)) drop-shadow(0 0 28px rgba(255,200,80,.4))}.golden-seal .seal-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,213,110,.55) 0%,rgba(255,180,50,.25) 30%,transparent 65%);z-index:-1;animation:seal-glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes seal-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.seal-rice{top:22%;right:6%;width:110px;height:110px;transform:rotate(-8deg);animation:seal-stamp 1.2s cubic-bezier(.34,1.56,.64,1) .4s both,seal-sway 5s ease-in-out 1.6s infinite;z-index:3}.seal-rice .seal-svg{width:100%;height:100%}@keyframes seal-stamp{0%{opacity:0;transform:rotate(-45deg) scale(2.5) translateY(-200px)}50%{opacity:1;transform:rotate(15deg) scale(.85) translateY(8px)}70%{transform:rotate(-12deg) scale(1.1) translateY(-3px)}85%{transform:rotate(-6deg) scale(.96) translateY(1px)}to{opacity:1;transform:rotate(-8deg) scale(1) translateY(0)}}@keyframes seal-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-2deg)}}.seal-title{animation-name:seal-stamp-title,seal-sway-title;animation-duration:1.2s,4.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1),ease-in-out;animation-delay:.9s,2.1s;animation-iteration-count:1,infinite;animation-fill-mode:both,both}@keyframes seal-stamp-title{0%{opacity:0;transform:rotate(-45deg) scale(2.5) translateY(-150px)}50%{opacity:1;transform:rotate(20deg) scale(.85) translateY(6px)}70%{transform:rotate(-18deg) scale(1.1) translateY(-2px)}to{opacity:1;transform:rotate(-12deg) scale(1) translateY(0)}}@keyframes seal-sway-title{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-6deg)}}.seal-corner{animation-name:seal-stamp-corner,seal-sway-corner;animation-duration:1.2s,4.8s;animation-timing-function:cubic-bezier(.34,1.56,.64,1),ease-in-out;animation-delay:.6s,1.8s;animation-iteration-count:1,infinite;animation-fill-mode:both,both}@keyframes seal-stamp-corner{0%{opacity:0;transform:rotate(0) scale(2.5) translate(-300px)}50%{opacity:1;transform:rotate(25deg) scale(.85) translate(10px)}70%{transform:rotate(10deg) scale(1.1) translate(-3px)}to{opacity:1;transform:rotate(15deg) scale(1) translate(0)}}@keyframes seal-sway-corner{0%,to{transform:rotate(15deg)}50%{transform:rotate(20deg)}}@media (max-width: 768px){.seal-rice,.seal-corner{display:none}.seal-title{width:50px;height:50px}}.toast-close{width:28px;height:28px;border-radius:50%;color:var(--color-muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;margin-left:4px;transition:all .2s}.toast-close:hover{background:var(--color-border);color:var(--seed-fg)}