:root{color-scheme:light;--ink:#173a32;--muted:#63776f;--green:#18634e;--line:#dce5de;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer;border:0;border-radius:8px;padding:12px 22px;background:var(--green);color:white;display:inline-block}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d09527;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.top{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:24px;font-weight:800}.brand span{color:var(--green)}nav{display:flex;gap:28px;font-size:14px}.hero{background:#e8eee1;padding:78px 0 55px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 14px}h1{font-size:clamp(38px,5vw,64px);line-height:1.25;letter-spacing:-2px;margin:0 0 24px}h2{font-size:30px;line-height:1.4;margin:0 0 12px}h3{margin:0 0 10px;font-size:20px}.hero p:not(.eyebrow){color:var(--muted);max-width:560px;margin-bottom:28px}.hero-note{font-size:12px;color:var(--muted);margin-top:38px;letter-spacing:2px}.section{padding-top:56px;padding-bottom:56px}.muted{color:var(--muted);font-size:14px}form{max-width:550px;margin:28px 0}label{display:block;font-size:13px;margin-bottom:8px}.search-row{display:flex;gap:10px}input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:11px 14px;background:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.card-body{padding:22px}.photo{display:block;width:100%;height:190px;object-fit:cover;background:#edf1eb}.placeholder{display:grid;place-items:center;color:var(--muted);font-size:14px}.tag{font-size:12px;color:var(--green);margin-bottom:8px;display:block}.card p{font-size:14px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.card button{margin-top:16px;width:100%}.price{font-size:25px;font-weight:700;color:var(--green);margin:18px 0 6px}.detail-section{background:#eef2ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.secondary{background:white;color:var(--ink);border:1px solid var(--line);margin-bottom:28px}.about{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.contact{border-left:1px solid var(--line);padding-left:35px}.contact>a{font-size:24px;font-weight:700}.contact p{color:var(--muted);font-size:14px}footer{background:#173a32;color:#dee6dd;font-size:16px;padding:30px 0;text-align:center}footer .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}footer p{margin:0}[hidden]{display:none!important}@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:50px}.about{grid-template-columns:1fr;gap:24px}.contact{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}nav{gap:14px}.brand{font-size:20px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 32px)}.top{flex-wrap:wrap;padding:16px 0;gap:8px}nav{width:100%;justify-content:space-between}.section{padding-top:38px;padding-bottom:38px}.search-row button{padding:12px}.photo{height:210px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-images{max-width:760px;margin-top:24px}.product-images .photo{height:auto;margin-bottom:16px;border-radius:8px}.notice{white-space:pre-wrap;overflow-wrap:anywhere}
nav{align-items:center;flex-wrap:wrap}.nav-button{padding:7px 12px;font-size:14px}.auth-tabs{display:flex;gap:12px;flex-wrap:wrap}.auth-tabs .secondary{margin:0}#auth-form>input,#auth-register-fields>input{display:block;width:100%;margin-bottom:16px}.check{display:block;font-size:14px;margin:20px 0;line-height:1.9}.check input{width:auto;margin-right:6px}.check a,.legal-links a{text-decoration:underline;text-underline-offset:3px}.order-panel{max-width:760px;padding:24px;border:1px solid var(--line);border-radius:12px;background:white}select{font:inherit;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:white}.legal-links{display:flex;gap:20px}.protocol-content{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:24px;border:1px solid var(--line);border-radius:12px;line-height:1.9}#order-status,#auth-status{overflow-wrap:anywhere}

.order-success{text-align:center}.success-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#e0efe5;color:var(--green);font-size:40px;margin:0 auto 20px}.order-success p{overflow-wrap:anywhere}.order-success button{margin-top:20px}
.order-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}.order-pagination .secondary{margin:0}.order-list{margin-top:20px}.order-list h3{overflow-wrap:anywhere}#orders-status{overflow-wrap:anywhere}

.merchant-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:2px solid #103e31;border-radius:8px;background:var(--ink);color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 3px 9px rgba(23,58,50,.22)}.merchant-button:hover{background:var(--green);border-color:#103e31}.merchant-button:active{background:#103e31;box-shadow:none}

.nav-tab{background:transparent;color:var(--ink);padding:8px 4px;border-radius:0;border-bottom:3px solid transparent;font-weight:700;white-space:nowrap}.nav-tab[aria-current=page]{color:var(--green);border-bottom-color:var(--green)}#orders-center{min-height:65vh}

.protocol-preview{display:block;width:100%;height:80vh;min-height:480px;border:1px solid var(--line);border-radius:8px;margin-top:20px;background:#fff}@media(max-width:480px){.protocol-preview{height:75vh;min-height:360px}.protocol-content{padding:12px}}
