:root{--hy-green: #0b5d46;--hy-green-2: #0e6b53;--hy-green-deep: #083f30;--hy-green-mint: #3aa08b;--hy-green-light: #eef7f4;--hy-green-bg: #f4f9f7;--hy-gold: #b8894a;--hy-gold-2: #d4b883;--hy-gold-light: #f7f0e4;--hy-red: #d94a4a;--hy-red-light: #f9efef;--hy-orange: #e08a3c;--hy-orange-light: #fbf4ea;--hy-blue: #4a90d9;--hy-blue-light: #eff5fc;--hy-bg: #f5f7f6;--hy-gray: #f5f7f6;--hy-card: #ffffff;--hy-text: #1d2421;--hy-text-2: #4b5652;--hy-text-3: #8a948f;--hy-text-4: #b6beb9;--hy-line: #e6ebe8;--hy-line-2: #eef2ef;--hy-shadow-sm: 0 2px 8px rgba(11, 93, 70, .05), 0 1px 2px rgba(11, 93, 70, .04);--hy-shadow-md: 0 8px 24px rgba(11, 93, 70, .08), 0 2px 6px rgba(11, 93, 70, .05);--hy-shadow-lg: 0 20px 48px rgba(8, 63, 48, .12), 0 4px 12px rgba(8, 63, 48, .06);--hy-radius-xs: 6px;--hy-radius-sm: 10px;--hy-radius-md: 16px;--hy-radius-lg: 24px;--hy-radius-full: 999px;--hy-grad-green: linear-gradient(135deg, #0b5d46 0%, #0e6b53 55%, #12755b 100%);--hy-grad-green-soft: linear-gradient(135deg, #eef7f4 0%, #e2f0ea 100%);--hy-grad-gold: linear-gradient(135deg, #b8894a 0%, #c89a5a 50%, #d4b883 100%);--hy-grad-hero: linear-gradient(160deg, #083f30 0%, #0b5d46 50%, #12755b 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--hy-bg);color:var(--hy-text);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.2px}a{color:inherit;text-decoration:none;transition:color .2s}img{display:block;max-width:100%}button,input,textarea{font-family:inherit}#app,#admin{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--hy-line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hy-text-4)}::-webkit-scrollbar-track{background:transparent}.hy-page{max-width:750px;margin:0 auto;background:var(--hy-bg);min-height:100vh;padding-bottom:64px}@media(min-width:768px){.hy-page{box-shadow:0 0 40px #0b5d460f}}.hy-section{padding:16px 18px}.hy-title{position:relative;font-size:17px;font-weight:600;color:var(--hy-text);padding-left:14px;margin:20px 0 14px;line-height:1.2;letter-spacing:.5px}.hy-title:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:var(--hy-grad-gold)}.hy-title:after{content:"";position:absolute;left:0;top:100%;width:100%;height:1px;background:linear-gradient(90deg,var(--hy-line) 0%,transparent 80%);margin-top:10px}.hy-card{background:var(--hy-card);border-radius:var(--hy-radius-md);box-shadow:var(--hy-shadow-sm);border:1px solid var(--hy-line-2);transition:box-shadow .25s ease,transform .25s ease}.hy-card:hover{box-shadow:var(--hy-shadow-md)}.hy-muted{color:var(--hy-text-3);font-size:12px}.hy-price{color:var(--hy-red);font-weight:700;font-variant-numeric:tabular-nums}.hy-price small{font-size:.72em;font-weight:600;margin-right:1px}.hy-beans{color:var(--hy-gold);font-weight:700;font-variant-numeric:tabular-nums}.hy-flex{display:flex;align-items:center}.hy-between{display:flex;align-items:center;justify-content:space-between}.hy-grid{display:grid;gap:12px}.hy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--hy-text-4);padding:72px 0;font-size:14px;gap:12px}.hy-empty:before{content:"";width:64px;height:64px;border-radius:var(--hy-radius-md);background:var(--hy-green-light);display:block}.hy-btn-primary{background:var(--hy-grad-green);color:#fff;border:none;border-radius:var(--hy-radius-full);padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0b5d463d;transition:transform .15s ease,box-shadow .15s ease;letter-spacing:.5px}.hy-btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #0b5d4633}.hy-btn-red{background:var(--hy-red);color:#fff;border:none;border-radius:var(--hy-radius-full);padding:11px 20px;font-weight:600}.hy-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--hy-radius-full);font-size:12px;font-weight:500}.hy-tag-green{background:var(--hy-green-light);color:var(--hy-green)}.hy-tag-gold{background:var(--hy-gold-light);color:var(--hy-gold)}.hy-tag-red{background:var(--hy-red-light);color:var(--hy-red)}.hy-tag-gray{background:var(--hy-line-2);color:var(--hy-text-3)}@media(min-width:900px){.hy-grid.cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.hy-grid.cols3{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.hy-section{padding:14px}.hy-title{font-size:16px;margin:16px 0 12px}}