*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#171717;font-family:Arial,"Noto Sans TC",sans-serif}a{color:inherit}header{padding:22px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;background:#fff}header b{font-size:21px;letter-spacing:.07em}header small{display:block;font-size:11px;font-weight:normal;color:#777;margin-top:5px}nav{display:flex;gap:20px;font-size:13px}.hero{padding:80px 6% 70px;background:#e9e9e7}.hero h1{font-size:clamp(34px,6vw,76px);letter-spacing:-.05em;line-height:1.06;max-width:850px;margin:20px 0}.eyebrow{font-size:11px;letter-spacing:.3em;color:#777}.hero p{max-width:590px;color:#555;line-height:1.8}main{max-width:1320px;margin:auto;padding:50px 6%}h2{font-size:25px}#status{color:#777;font-size:14px;margin:14px 0 25px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.product{background:white;border:1px solid #ddd}.photo{aspect-ratio:1/1;background:#e4e4e4;display:flex;align-items:center;justify-content:center;color:#999;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.details{padding:20px}.details h3{font-size:17px;line-height:1.5;min-height:50px}.muted{color:#777;font-size:13px}.price{font-size:22px;font-weight:bold}.action,button{display:inline-block;padding:12px 17px;border:1px solid #222;background:#161616;color:white;cursor:pointer;text-decoration:none;font-size:13px}.action{margin-top:12px;width:100%;text-align:center}button.secondary{background:white;color:#222}footer{padding:35px 6%;font-size:12px;color:#888;border-top:1px solid #ddd}input,textarea,select{padding:10px;border:1px solid #bbb;width:100%;font:inherit;margin:6px 0 15px;background:white}label{display:block;font-size:13px;font-weight:bold}.panel{max-width:850px;margin:36px auto;background:white;padding:30px;border:1px solid #ddd}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.notice{padding:13px;background:#f2f2f2;font-size:13px;line-height:1.7;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:11px;border-bottom:1px solid #ddd;text-align:left}td button{padding:6px 10px}#editor{display:none}#list{overflow-x:auto}#adminMsg{white-space:pre-wrap;font-size:13px} @media(max-width:600px){header{display:block}nav{margin-top:15px}.hero{padding:55px 6%}.panel{margin:10px;padding:16px}}