*{box-sizing:border-box}body{margin:0;background:#e7ede7;font-family:'Microsoft YaHei',sans-serif;color:#223d33}#app{max-width:480px;min-height:100vh;margin:auto;background:#f7f8f2;padding-bottom:92px}header{padding:28px 24px 18px;background:#174f43;color:#fff}header small{letter-spacing:3px;color:#c3d8c4}header h1{margin:10px 0;font-size:27px}header p{font-size:13px;color:#c5d7c8}.hero{background:#e4ebc9;border-radius:20px;margin:20px;padding:28px 22px;position:relative;overflow:hidden}.hero h2{font-size:29px;margin:5px 0}.hero p{color:#536441;line-height:1.7;margin-bottom:0}.hero:after{content:'◕ᴥ◕';position:absolute;right:20px;top:20px;font-size:56px;color:#78946b30;transform:rotate(-15deg)}main{padding:0 20px}nav{position:fixed;bottom:0;width:min(100%,480px);display:flex;background:#fff;border-top:1px solid #e1e6da;padding:12px 10px max(12px,env(safe-area-inset-bottom));z-index:3}nav button{flex:1;background:transparent;color:#859184;font-size:12px;padding:9px 2px}nav button.active{color:#175943;font-weight:bold}button{border:0;border-radius:10px;padding:12px 17px;background:#185b45;color:#fff;cursor:pointer;font:inherit;font-size:14px}button:disabled{opacity:.45}input,select,textarea{font:inherit;width:100%;padding:13px;border:1px solid #d7e1d4;border-radius:10px;background:#fff;margin:7px 0 12px}input[type=search]{background:white;border-radius:30px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tile,.card{background:#fff;border:1px solid #e5e9dd;border-radius:16px;padding:16px;margin:12px 0}.tile{margin:0;cursor:pointer}.tile h3{font-size:15px;line-height:1.5}.tile small,.muted{color:#7b8a7a;font-size:12px;line-height:1.8}.art{height:122px;display:grid;place-items:center;background:linear-gradient(130deg,#f2ead2,#dce8ce);border-radius:10px;color:#76875e;font-size:42px}.price{color:#b45d36;font-size:21px;font-weight:bold}.row{display:flex;justify-content:space-between;align-items:center;gap:9px}.notice{font-size:11px;color:#8c784f;padding:10px 20px;background:#fcf5df}.badge{font-size:11px;background:#eaf1df;color:#436839;padding:5px 8px;border-radius:6px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.secondary{background:#edf3e6;color:#426348}.empty{text-align:center;padding:55px 16px;color:#849281}.error{color:#ab4e33;font-size:13px;line-height:1.6}.error:empty{display:none}dialog{width:min(440px,92vw);max-height:90vh;overflow:auto;border:0;border-radius:20px;padding:25px;color:#234735}dialog::backdrop{background:#14382970}dialog h2{margin:0 0 15px}label{font-size:13px}.full{width:100%}.tabs{display:flex;gap:6px;overflow:auto;margin:15px 0}.tabs button{white-space:nowrap;background:#e9eedf;color:#536b4d}.tabs button.active{background:#185b45;color:white}.orderid{word-break:break-all;font-size:10px;color:#8e978b}.profile{padding:25px;background:#e4ebd0;border-radius:18px;margin:20px 0}.profile strong{font-size:23px}footer{font-size:11px;color:#8a9486;text-align:center;padding:25px}a{color:#276e50}