*{margin:0;padding:0;box-sizing:border-box}:root{--brown-dark: #4A9E7B;--brown: #6DBF9A;--brown-light: #9DD8BD;--cream: #FFF9F3;--cream-dark: #FCF0E3;--gold: #F0984B;--gold-light: #FCC07E;--white: #FFFFFF;--text: #3D3027;--text-light: #8C7B6C;--danger: #E8746B;--success: #54B876;--shadow: 0 2px 12px rgba(0,0,0,.06)}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--white);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.navbar{background:var(--brown-dark);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--gold-light);letter-spacing:1px}.nav-brand span{color:var(--cream);font-weight:300}.nav-links{display:flex;list-style:none;gap:.5rem;align-items:center}.nav-links a{color:var(--cream);padding:.5rem 1.2rem;border-radius:6px;font-size:.95rem;transition:all .2s}.nav-links a:hover,.nav-links a.active{background:var(--brown);color:var(--gold-light)}.nav-links .btn-member{background:var(--gold);color:var(--brown-dark);font-weight:600}.nav-links .btn-member:hover,.nav-links .btn-member.active{background:var(--gold-light);color:var(--brown-dark)}.nav-toggle{display:none;background:none;border:none;color:var(--cream);font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(#00000073,#00000073),url(https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=1400&q=80) center/cover no-repeat;background-color:var(--brown-dark);height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:2rem}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.hero p{font-size:1.25rem;margin-bottom:2rem;max-width:600px;opacity:.9}.hero .btn{display:inline-block;padding:.8rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;transition:all .3s}.hero .btn-primary{background:var(--gold);color:var(--brown-dark)}.hero .btn-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.hero .btn-outline{border:2px solid var(--cream);color:var(--cream);margin-left:1rem}.hero .btn-outline:hover{background:var(--cream);color:var(--brown-dark)}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2rem;color:var(--brown);margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--cream);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:var(--brown);margin-bottom:.5rem}.feature-card p{color:var(--text-light);font-size:.95rem}.page-header{background:var(--brown);color:var(--text);text-align:center;padding:4rem 2rem}.page-header h1{font-size:2.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem}.page-header .header-icon{width:48px;height:48px;border-radius:50%;object-fit:cover;vertical-align:middle}.page-header p{color:var(--text-light)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.menu-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s}.menu-item:hover{transform:translateY(-4px)}.menu-item-img{height:200px;background:var(--cream-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.menu-item-img img{width:100%;height:100%;object-fit:cover}.menu-item-body{padding:1.5rem}.menu-item-body h3{color:var(--brown);margin-bottom:.3rem}.menu-item-body .desc{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.menu-item-body .price{color:var(--danger);font-weight:700;font-size:1.2rem}.member-container{max-width:1000px;margin:0 auto;padding:3rem 2rem}.member-form-wrap{max-width:480px;margin:0 auto}.member-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:var(--shadow)}.member-form.hidden{display:none}.form-toggle-link{display:block;text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-light)}.form-toggle-link a{color:var(--brown);font-weight:600;cursor:pointer;text-decoration:underline}.form-toggle-link a:hover{color:var(--brown-light)}.member-form h2{text-align:center;color:var(--brown);margin-bottom:2rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--brown);font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #dcdcdc;border-radius:8px;font-size:1rem;transition:border-color .3s;outline:none}.form-group input:focus{border-color:var(--brown-light)}.btn-submit{width:100%;padding:.8rem;background:var(--brown);color:var(--cream);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:.5rem}.btn-submit:hover{background:var(--brown-dark)}.form-footer{text-align:center;margin-top:1.2rem;color:var(--text-light);font-size:.9rem}.form-footer a{color:var(--brown);font-weight:600;cursor:pointer}.alert{padding:1rem;border-radius:8px;text-align:center;margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.benefit-card{text-align:center;padding:2rem 1.5rem;border-radius:12px;background:var(--cream);transition:transform .3s}.benefit-card:hover{transform:translateY(-3px)}.benefit-icon{font-size:2.5rem;margin-bottom:.8rem}.benefit-card h4{color:var(--brown);margin-bottom:.5rem}.benefit-card p{color:var(--text-light);font-size:.9rem}.about-content{max-width:800px;margin:0 auto}.about-content h2{color:var(--brown);margin-bottom:1rem;margin-top:2rem}.about-content p{color:var(--text-light);margin-bottom:1rem;font-size:1.05rem}.about-image{width:100%;height:340px;border-radius:12px;object-fit:cover;margin-bottom:2rem;box-shadow:var(--shadow)}.origins-intro{max-width:700px;margin:0 auto 3rem;text-align:center;color:var(--text-light);font-size:1.05rem;line-height:1.8}.bean-belt{display:flex;flex-direction:column;gap:0}.belt-region{position:relative;border-radius:16px;overflow:hidden;margin-bottom:1.5rem;background:var(--white);box-shadow:var(--shadow);transition:box-shadow .3s}.belt-region:hover{box-shadow:0 4px 20px #0000001a}.belt-region-header{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem .8rem}.belt-region-icon{font-size:2.2rem;flex-shrink:0}.belt-region-info h2{font-size:1.3rem;color:var(--text);margin-bottom:.15rem}.belt-region-info p{font-size:.85rem;color:var(--text-light)}.belt-region-line{flex:1;height:2px;border-radius:2px;margin-left:.8rem;opacity:.3}.belt-countries{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 2rem;padding:.5rem 2rem 1.8rem;align-items:start}.belt-country{display:flex;gap:1rem;padding:.5rem 0}.belt-flag{font-size:2.4rem;flex-shrink:0;line-height:1.4}.belt-country-body h3{color:var(--brown-dark);font-size:1.1rem;margin-bottom:.3rem}.belt-divider{width:1px;background:var(--cream-dark);align-self:stretch;margin:0}.belt-region[data-region=africa]{border-left:5px solid #E8833A}.belt-region[data-region=africa] .belt-region-line{background:#e8833a}.belt-region[data-region=africa] .belt-region-icon{filter:drop-shadow(0 2px 4px rgba(232,131,58,.3))}.belt-region[data-region=africa] .tag{background:#fde8d0;color:#c96a28}.belt-region[data-region=south-america]{border-left:5px solid #2D8B55}.belt-region[data-region=south-america] .belt-region-line{background:#2d8b55}.belt-region[data-region=south-america] .belt-region-icon{filter:drop-shadow(0 2px 4px rgba(45,139,85,.3))}.belt-region[data-region=south-america] .tag{background:#d4edda;color:#1e6b3b}.belt-region[data-region=central-america]{border-left:5px solid #2B8C8C}.belt-region[data-region=central-america] .belt-region-line{background:#2b8c8c}.belt-region[data-region=central-america] .belt-region-icon{filter:drop-shadow(0 2px 4px rgba(43,140,140,.3))}.belt-region[data-region=central-america] .tag{background:#d0ecec;color:#1a6b6b}.belt-region[data-region=southeast-asia]{border-left:5px solid #D4685C}.belt-region[data-region=southeast-asia] .belt-region-line{background:#d4685c}.belt-region[data-region=southeast-asia] .belt-region-icon{filter:drop-shadow(0 2px 4px rgba(212,104,92,.3))}.belt-region[data-region=southeast-asia] .tag{background:#fde0dc;color:#b84a3e}.tag{display:inline-block;padding:.2rem .7rem;font-size:.75rem;font-weight:600;border-radius:20px}.origin-desc{color:var(--text-light);font-size:.9rem;line-height:1.6;margin-bottom:.6rem}.origin-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.origin-flavor{color:var(--gold);font-size:.85rem;font-weight:500}@media(max-width:768px){.belt-countries{grid-template-columns:1fr;gap:1rem;padding:.5rem 1.2rem 1.5rem}.belt-divider{width:100%;height:1px;margin:0}.belt-region-header{padding:1.2rem 1.2rem .6rem}.belt-flag{font-size:1.8rem}}.brands-intro{max-width:720px;margin:0 auto 3rem;text-align:center;color:var(--text-light);font-size:1.05rem;line-height:1.8}.brands-list{display:flex;flex-direction:column;gap:2.5rem}.brand-row{display:flex;gap:2rem;align-items:stretch;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s;height:360px}.brand-row:hover{box-shadow:0 6px 24px #0000001a}.brand-row.reverse{flex-direction:row-reverse}.brand-row-img{flex:1;min-width:240px;overflow:hidden;height:360px}.brand-row-img img{width:100%;height:100%;object-fit:cover;display:block}.brand-row-body{flex:1.2;padding:2.5rem 2.5rem 2rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.brand-row-body h2{color:var(--brown-dark);font-size:1.5rem;margin-bottom:.3rem}.brand-row-location{color:var(--gold);font-size:.85rem;font-weight:500;margin-bottom:.8rem}.brand-row-desc{color:var(--text-light);font-size:.95rem;line-height:1.7;margin-bottom:.8rem}.brand-row-quote{color:var(--brown);font-size:.9rem;font-style:italic;font-weight:600;border-left:3px solid var(--gold);padding-left:.8rem}@media(max-width:700px){.brand-row,.brand-row.reverse{flex-direction:column;height:auto}.brand-row-img{height:240px;min-width:0}.brand-row-body{padding:1.5rem}}.footer{background:var(--brown-dark);color:var(--cream);text-align:center;padding:2rem;margin-top:auto}.footer p{opacity:.8;font-size:.9rem}.not-found{text-align:center;padding:6rem 2rem;flex:1}.not-found h1{font-size:6rem;color:var(--brown-light);margin-bottom:1rem}.not-found p{color:var(--text-light);margin-bottom:2rem}.not-found .btn{display:inline-block;padding:.7rem 2rem;background:var(--brown);color:var(--cream);border-radius:30px;font-weight:600;transition:background .3s}.not-found .btn:hover{background:var(--brown-dark)}@media(max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--brown-dark);flex-direction:column;padding:1rem 0;gap:0}.nav-links.open{display:flex}.nav-links a{padding:.8rem 2rem;border-radius:0}.hero h1{font-size:2.2rem}.hero .btn-outline{margin-left:0;margin-top:1rem}.features,.benefits{grid-template-columns:1fr}.member-container{padding:2rem 1rem}.section{padding:3rem 1rem}}