@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f6f4ec;color:#263b30;font-family:Noto Sans TC,sans-serif}.top{background:#173f32;padding:16px 5%;display:flex;justify-content:space-between}.top a{color:#f7f3e8;text-decoration:none;font-size:13px}.hero{text-align:center;background:linear-gradient(135deg,#143b30,#45694c);color:#f7f3e8;padding:75px 20px}.hero p{letter-spacing:.3em}.hero h1{font:600 clamp(38px,7vw,64px) "Noto Serif TC";letter-spacing:.15em;margin:12px}.hero h2{font-size:16px;font-weight:400}main{max-width:1050px;margin:42px auto;padding:0 20px}.section-title,.panel h2{font:600 24px "Noto Serif TC"}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.product,.panel{background:#fffdf7;border:1px solid #e7e3d8}.product img,.placeholder{width:100%;height:240px;object-fit:cover}.placeholder{display:grid;place-content:center;text-align:center;background:#e5e9df;color:#526d58;line-height:2;letter-spacing:.2em}.info{padding:18px}.info small{color:#70866e}.info h3{font:600 20px "Noto Serif TC"}.info p{font-size:13px;line-height:1.8;color:#778078;min-height:40px}.info b{color:#315b43}footer{text-align:center;color:#879186;font-size:12px;padding:45px}.admin{max-width:1000px}.narrow{max-width:450px;margin:70px auto}.admin h1{font:600 30px "Noto Serif TC"}.admin label{display:grid;gap:7px;margin:14px 0;font-size:13px}.admin input:not([type=checkbox]),.admin textarea{width:100%;padding:11px;border:1px solid #d9ddd2;border-radius:5px;font:inherit}.admin button{border:0;background:#28533f;color:#fff;border-radius:5px;padding:11px 14px;cursor:pointer;font:inherit}.admin .muted{background:#e8ece4;color:#31513e}.panel{padding:22px;margin:20px 0}.panel form{max-width:650px}.check{display:flex!important;align-items:center;gap:8px}.buttons,.heading{display:flex;gap:10px;justify-content:space-between;align-items:center}.notice{background:#edf2e9;padding:12px}.hint{font-size:13px;color:#68786c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8e5dc;white-space:nowrap}.actions{display:flex;gap:7px}.warning{background:#f5e7cf!important;color:#80531a!important}.danger{background:#f4dddd!important;color:#8c2929!important}@media(max-width:600px){.panel{padding:15px}.hero{padding:55px 15px}.heading{align-items:flex-start}.actions{flex-wrap:wrap}}