:root{font-family:"Microsoft YaHei",Arial,sans-serif;color:#242a28;background:#f3f6f5;font-size:16px}*{box-sizing:border-box}body{margin:0}.modal-open{overflow:hidden}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 28px;background:#fff;border-bottom:1px solid #dce3e0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#08775f;color:#fff;font-size:21px;font-weight:700;border-radius:6px}.brand h1{margin:0;font-size:21px}.brand p{margin:3px 0 0;color:#69736f;font-size:13px}.actions{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;gap:7px;border:1px solid #cfd8d4;padding:0 11px;height:40px;background:#fff}.search input{border:0;outline:0;width:220px;font:inherit}.button{height:40px;padding:0 14px;border:1px solid #08775f;border-radius:4px;font:inherit;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.primary{background:#08775f;color:#fff}.secondary{background:#fff;color:#08775f}.button:disabled{opacity:.5}main{padding:20px 28px 38px}.summary{display:flex;align-items:baseline;gap:7px;margin-bottom:14px;color:#66716c}.summary strong{font-size:23px;color:#202725}.summary #source{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.card{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:310px;padding:0;background:#fff;border:1px solid #d9e0dd;text-align:left;color:inherit;font:inherit;cursor:pointer;border-radius:6px;overflow:hidden}.card:hover{border-color:#08775f;box-shadow:0 5px 18px rgba(25,50,43,.1)}.thumb{display:grid;place-items:center;background:#eef2f0;color:#8a9590;min-height:100%}.thumb img{width:100%;height:100%;object-fit:contain}.card-body{padding:16px;min-width:0}.card h2{font-size:18px;margin:0 0 14px;line-height:1.35}.card-info{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e1e6e4;border-bottom:1px solid #e1e6e4}.card-info section{padding:12px 10px 12px 0;min-width:0}.card-info section+section{padding-left:12px;border-left:1px solid #e1e6e4}.card h3,.detail-section h3{margin:0 0 8px;color:#08775f;font-size:17px}.card p{font-size:15px;line-height:1.65;margin:0;overflow-wrap:anywhere}.card-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:13px}.card-bottom span,.detail-footer span{display:block;font-size:13px;color:#6d7773}.card-bottom strong{font-size:20px;color:#be3d50}.card-bottom b{font-size:16px}.quantity{color:#d92732!important;font-size:24px!important}.note{margin-top:12px!important}.note b{color:#08775f;margin-right:8px}.loading,.empty,.error{grid-column:1/-1;padding:70px;text-align:center;background:#fff;border:1px solid #d9e0dd}.error strong{color:#b22935}.error a{color:#08775f}.overlay{position:fixed;inset:0;z-index:20;background:rgba(24,30,28,.72);padding:4vh 3vw}.overlay[hidden]{display:none}.dialog{position:relative;max-width:1160px;height:92vh;margin:auto;background:#fff;border-radius:6px;overflow:auto}.close{position:absolute;right:16px;top:14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#343b38;color:#fff;font-size:28px;cursor:pointer}.nav{position:fixed;top:50%;width:42px;height:54px;border:0;background:#343b38;color:#fff;font-size:35px;cursor:pointer}.nav:disabled{opacity:.25}.prev{left:calc(50% - 575px)}.next{right:calc(50% - 575px)}.detail-head{padding:24px 68px 20px 30px;border-bottom:1px solid #dce3e0}.detail-head h2{margin:0;font-size:25px}.detail-head p{margin:6px 0 0;color:#737d79}.detail-grid{display:grid;grid-template-columns:52% 24% 24%;min-height:calc(92vh - 90px)}.detail-image{display:grid;place-items:center;background:#eef2f0;color:#89928f}.detail-image img{width:100%;height:100%;max-height:68vh;object-fit:contain}.detail-section{padding:24px;font-size:18px;line-height:1.7;overflow-wrap:anywhere}.detail-section+section{border-left:1px solid #dce3e0}.detail-section p{margin:0}.materials h3{color:#08775f}.detail-footer{grid-column:2/4;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce3e0}.detail-footer>div{padding:17px 20px;border-right:1px solid #dce3e0}.detail-footer strong{font-size:25px;color:#be3d50}.detail-footer b{font-size:18px}.detail-note{grid-column:1/-1;border-top:1px solid #dce3e0}
@media(max-width:760px){.topbar{position:static;align-items:flex-start;flex-direction:column;padding:14px}.actions{width:100%;flex-wrap:wrap}.search{width:100%}.search input{width:100%}main{padding:14px}.cards{grid-template-columns:1fr}.card{grid-template-columns:110px 1fr}.card-info{grid-template-columns:1fr}.card-info section+section{padding-left:0;border-left:0;border-top:1px solid #e1e6e4}.overlay{padding:0}.dialog{height:100vh;border-radius:0}.detail-grid{display:block}.detail-image{height:42vh}.detail-section+section{border-left:0;border-top:1px solid #dce3e0}.detail-footer{display:grid;grid-template-columns:1fr 1fr}.nav{top:auto;bottom:12px;z-index:3}.prev{left:12px}.next{right:12px}}