*{box-sizing:border-box}body{margin:0;background:#eee7de;color:#3b3026;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.mobile-shell{width:100%;max-width:520px;margin:0 auto;background:#f8f5f0;min-height:100vh;padding:0 20px 105px}.mobile-top{display:flex;justify-content:space-between;padding:22px 0;align-items:center;font-size:14px}.mobile-top a{color:#85532f;text-decoration:none}.demo-note{font-size:12px;line-height:1.7;background:#eee3d3;color:#825432;padding:12px;border-radius:8px}.mobile-hero{background:linear-gradient(120deg,#704a2b,#ae8151);color:#fff;padding:30px 24px;border-radius:20px;margin:18px 0 22px;position:relative;overflow:hidden}.mobile-hero:after{content:'♡';position:absolute;font-size:130px;right:-5px;bottom:-45px;color:#ffffff12}.mobile-hero small{color:#edd4b6;letter-spacing:2px}.mobile-hero h1{font-size:29px;margin:14px 0}.mobile-hero p{font-size:14px;color:#f0dfca;margin:0}.mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mobile-stats>div,.m-card{background:#fffdfa;border:1px solid #ece3d8;padding:20px;border-radius:14px;margin:15px 0}.mobile-stats>div{margin:0}.mobile-stats strong{display:block;color:#85532f;font-size:32px;margin-top:10px}.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.m-grid .m-card{margin:0;cursor:pointer}.m-icon{font-size:30px;color:#a26c3b}.m-card h2{font-size:18px;margin:0 0 12px}.m-card h3{font-size:17px;margin:12px 0}.m-card p{font-size:14px;line-height:1.9;margin:8px 0}.m-muted{color:#8e7d6e;font-size:13px;line-height:1.8}.m-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.m-badge{background:#eaf0e5;color:#4d7c55;border-radius:20px;padding:5px 11px;font-size:12px;white-space:nowrap}.m-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;display:flex;background:#fffdfa;border-top:1px solid #e6dbcd;padding:13px 5px max(13px,env(safe-area-inset-bottom));z-index:10}.m-tabs a{text-align:center;flex:1;text-decoration:none;color:#918171;font-size:12px}.m-tabs a.active{color:#85532f;font-weight:700}.m-tabs span{display:block;font-size:22px;margin-bottom:7px}button,.m-button{border:0;background:#85532f;color:white;border-radius:8px;padding:13px 18px;font:inherit;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}.m-outline{border:1px solid #85532f;color:#85532f;background:transparent}.m-card label{display:block;font-size:14px;margin:16px 0}.m-card input,.m-card select,.m-card textarea{width:100%;border:1px solid #e1d4c3;border-radius:8px;background:#f9f5ee;color:#453629;padding:13px;font:inherit;font-size:15px;margin-top:9px;min-height:46px}.m-card textarea{height:95px}.m-card button{margin:8px 4px 0 0}.m-empty{padding:45px 20px;text-align:center;color:#9b8978}.m-card.selected{border:2px solid #85532f}.m-value{font-size:26px;color:#85532f}.m-notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:16px 22px;background:#503720;color:white;border-radius:9px;max-width:90%;z-index:30;box-shadow:0 6px 25px #50372022}.m-switch{font-size:12px;color:#85532f}.m-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.m-heading h2{font-size:20px;margin:0}.mobile-shell dialog{border:1px solid #e4d5c2;border-radius:14px;padding:24px;width:calc(100% - 40px);max-width:450px}.mobile-shell dialog::backdrop{background:#30211166}.mobile-shell dialog textarea{width:100%;padding:14px;min-height:100px;margin:15px 0;font:inherit;border:1px solid #d9c8b4;border-radius:8px}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px}.m-footer{font-size:12px;color:#a28e7a;text-align:center;padding:20px 0}.mobile-shell .m-grid button{text-align:left;background:#fffdfa;color:#3b3026}.m-link{color:#85532f;text-decoration:none}