:root{--bg:#FFF9E6;--card:#fff;--ink:#3E2723;--soft:#8D6E63;--accent:#EF6C00;--gold:#FFB300;--line:#EDE0C8;--green:#66BB6A;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;}
.wrap{max-width:820px;margin:0 auto;padding:12px 14px 120px;}
.muted{color:var(--soft);font-size:12px;}
.card{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 5px 16px rgba(239,108,0,.07);margin:0 0 14px;}
.card h3{margin:0 0 12px;font-size:17px;display:flex;align-items:center;gap:6px;}
button{font-family:inherit;border:none;cursor:pointer;background:none;}
.btn{background:var(--gold);color:#3E2723;font-weight:700;border-radius:40px;padding:12px;font-size:15px;width:100%;}
.btn.sec{background:#FFF3D6;color:var(--soft);}
.toolbar{display:flex;gap:8px;margin:14px 0;}
.tool{flex:1;text-align:center;background:#fff;border-radius:14px;padding:12px 2px;font-size:14px;box-shadow:0 3px 10px rgba(0,0,0,.05);}
.chip{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;border-radius:20px;padding:8px 13px;font-size:15px;margin:0 8px 10px 0;}
.box{display:inline-flex;flex-direction:column;align-items:center;width:74px;margin:2px 0 8px;}
.box .ci{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:#FFF6E0;border:2px solid #FFB74D;}
.box .nm{font-size:13px;margin-top:4px;font-weight:600;}
.hero{background:linear-gradient(135deg,#FFE082,#FFB74D);border-radius:22px;padding:18px 16px;color:#4E342E;margin-bottom:14px;}
.hero .big{font-size:24px;font-weight:800;margin-top:2px;}
.hero .small{opacity:.85;font-size:14px;}
.hRow{display:flex;justify-content:space-between;align-items:flex-start;}
.starPill{background:#fff;padding:7px 14px;border-radius:30px;color:var(--accent);font-weight:800;font-size:15px;}
.bar{height:14px;background:#F3EAD9;border-radius:10px;overflow:hidden;margin:8px 0;}
.barf{height:100%;background:linear-gradient(90deg,#FFCA5C,#FF9800);}
.stepC{background:var(--card);border-radius:14px;padding:12px;margin-bottom:12px;}
.stC{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;}
.scM{font-size:11px;color:#B49A7E;}
.scX{margin:8px 0;font-size:14px;line-height:1.6;color:#5D4037;}
.scTip{background:#FFF8E1;border-radius:8px;padding:8px;font-size:13px;color:var(--soft);}
.ci2{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px dashed #F0E0C0;}
.ci2:last-child{border:none;}
.tick{width:30px;height:30px;border-radius:50%;border:3px solid #D8C49A;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none;font-size:18px;}
.tick.done{background:var(--green);border-color:var(--green);}
.ic1{font-size:22px;}
.ciN{flex:1;font-weight:600;}
.ciN.done{text-decoration:line-through;color:#A1887F;font-weight:400;}
.grow{flex:1;}
.rw{display:flex;justify-content:space-between;align-items:center;background:#FFF9EE;border-radius:12px;padding:10px 12px;margin-top:8px;gap:8px;}
.mini{background:var(--gold);border-radius:20px;padding:8px 16px;color:#3E2723;font-weight:700;font-size:13px;flex:none;}
.edit{background:#F5ECE1;border-radius:10px;padding:5px 9px;font-size:12px;}
.banner{background:#E8F5E9;color:#2E7D32;text-align:center;border-radius:12px;padding:10px;font-weight:600;margin:8px 0;}
.mask{position:fixed;inset:0;background:rgba(62,39,35,.35);display:flex;align-items:flex-end;justify-content:center;z-index:60;}
.sheet{background:#FFFDF6;width:100%;max-width:700px;border-radius:20px 20px 0 0;padding:18px 16px;max-height:84vh;overflow:auto;}
.sheet h3{margin-top:0;}
.grid{display:flex;flex-wrap:wrap;gap:8px;}
.pk{flex:0 0 calc(33.33% - 6px);display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:2px solid #EDE0C8;border-radius:12px;padding:9px;font-weight:600;}
.pk.on{background:#FFF6E0;border-color:#FFB74D;}
.mrow{display:flex;align-items:center;gap:10px;}
input,select{font-family:inherit;font-size:15px;border:2px solid #DCC9A6;border-radius:30px;padding:10px 14px;width:100%;}
.hint{font-size:12px;color:var(--soft);text-align:center;background:#F5F1E8;border-radius:12px;padding:10px;}
#bar{position:fixed;left:0;right:0;bottom:0;background:#fff;display:flex;border-top:1px solid #eee;max-width:820px;margin:0 auto;padding:6px 2px;z-index:50;}
.tb{flex:1;text-align:center;padding:5px 0;font-size:12px;color:#A1887F;}
.tb.on{color:var(--accent);font-weight:700;}
.tb i{display:block;font-size:19px;font-style:normal;margin-bottom:2px;}
hr{border:none;border-top:1px dashed #EDE0C8;margin:14px 0;}
.tiprow{display:flex;gap:10px;padding:8px 0;}
.tiprow .e{font-size:22px;}