:root{color-scheme:light;--ink:#232822;--muted:#626b61;--line:#e2e5dc;--paper:#f6f7f1;--green:#354d36;--lime:#d9ef98;font:16px/1.5 system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #46714b;outline-offset:3px}[v-cloak]{display:none}
.shell{max-width:840px;margin:auto;padding:0 24px 110px}.top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:23px;font-weight:850;letter-spacing:.06em;color:var(--ink);white-space:nowrap}.brand span{color:#59774e}.brand small{font-size:9px;margin-left:4px;letter-spacing:.16em;color:var(--muted)}.pill{border:1px solid var(--line);background:white;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:38px 32px;min-height:260px;background:#dce9cb;color:#263d29}.hero>small,.section-head small,dialog form>small,.panel>small{font-size:11px;font-weight:800;letter-spacing:.18em;color:#526751}.hero h1{font-size:clamp(32px,6vw,56px);letter-spacing:-.05em;line-height:1.1;margin:12px 0}.hero p{margin:0 0 22px;color:#415944}.dark,.primary{border:0;border-radius:14px;background:#29402d;color:white;padding:12px 17px;font-weight:750}.dark span{margin-left:12px}.hero-art{position:absolute;z-index:-1;width:230px;height:230px;right:4%;bottom:-14px;border-radius:50%;background:#c3d99c;transform:rotate(-15deg);display:grid;place-items:center;border:1px solid #9db781}.hero-art:before,.hero-art i{content:"";position:absolute;inset:20px;border:1px solid #a5bd8c;border-radius:50%}.hero-art i{inset:36px}.hero-art span:first-child{font-size:140px;color:#eef6ce;line-height:1;text-shadow:2px 4px #90ab72}.hero-art span:nth-child(2){position:absolute;right:8px;top:12px;color:#f7ffe3;font-size:38px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;margin:22px 0 32px}.tiles button{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:82px;padding:8px;display:grid;justify-items:center;align-content:center;gap:6px;font-size:13px;font-weight:650}.tiles span{font-size:24px;color:#385d3d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:26px 0 15px}.section-head h1,.section-head h2{font-size:27px;margin:3px 0 0;line-height:1.2}.section-head>span,.section-head>a{font-size:13px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:white}.cover{position:relative;display:grid;place-items:center;width:100%;border:0;aspect-ratio:1.65;background:#e3ead5;overflow:hidden}.cover span{font-size:clamp(38px,8vw,70px);filter:drop-shadow(0 9px 10px #0002)}.cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.cover small{position:absolute;top:10px;left:10px;background:#fffc;border-radius:12px;padding:3px 8px;font-size:10px}.tone-1{background:#efe1cb}.tone-2{background:#dce7eb}.tone-3{background:#ebe1ee}.product-body{padding:14px}.product h3{margin:0;font-size:17px}.product p{margin:5px 0 12px;color:var(--muted);font-size:13px;min-height:39px}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.price{color:#3e6542;font-size:20px;font-weight:850}.price small{font-size:12px}.round{border:0;background:var(--lime);border-radius:100px;min-width:32px;height:32px;font-size:14px;font-weight:800}.bottom{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,840px);background:#ffffffed;border:1px solid var(--line);display:flex;justify-content:space-around;padding:7px 12px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px);border-radius:20px 20px 0 0}.bottom button{border:0;background:none;min-width:68px;border-radius:14px;padding:4px 10px;font-size:12px;color:var(--muted)}.bottom span{display:block;font-size:21px;line-height:1.15}.bottom .current{background:#eaf1db;color:var(--green);font-weight:800}
.panel,dialog{padding:22px;border:1px solid var(--line);border-radius:20px;background:white}.panel h2,dialog h2{margin:4px 0 12px}.line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.line small{display:block;color:var(--muted)}.line:last-child{border:0}.notice{padding:10px 14px;border-radius:10px;background:#f9e7de;color:#8c3b27;font-size:14px}.notice.good{background:#e2efda;color:#315b36}.empty{text-align:center;color:var(--muted);padding:16px}.primary{margin-top:14px}.panel p,dialog p{color:var(--muted)}dialog{width:min(440px,calc(100% - 30px));color:var(--ink);max-height:90dvh}dialog::backdrop{background:#1e2e25a0}.close{position:absolute;right:12px;top:12px;font-size:18px;padding:0 10px}label{display:grid;gap:4px;font-size:14px;font-weight:650;margin:10px 0}input,textarea,select{background:#f9faf6;border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0;width:100%;color:var(--ink)}input[type=checkbox]{width:auto}textarea{min-height:70px;resize:vertical}.admin-grid{display:grid;gap:14px}.admin-grid .panel{min-width:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.actions .primary{margin:0}.config-tile{border-top:1px solid var(--line);padding-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
@media(max-width:480px){.shell{padding-inline:14px}.top{height:61px}.hero{padding:27px 18px;min-height:214px;border-radius:23px}.hero-art{width:155px;height:155px;right:-22px;bottom:-18px;opacity:.74}.hero-art span:first-child{font-size:90px}.hero p{max-width:73%}.products{gap:10px}.product-body{padding:10px}.product h3{font-size:15px}.product p{font-size:12px}.brand small{display:none}.panel{padding:16px}}