#warm-ui{position:fixed;inset:0;z-index:30;pointer-events:none;font-family:'Microsoft YaHei','Segoe UI',sans-serif;color:#f9e8c8;user-select:none}
#warm-ui *{box-sizing:border-box}#warm-ui button{font:inherit;cursor:pointer;pointer-events:auto;border:0;transition:transform .15s,filter .15s}#warm-ui button:hover{filter:brightness(1.12);transform:translateY(-2px)}#warm-ui button:active{transform:translateY(2px)}
.warm-top{position:absolute;left:3%;right:3%;top:22px;display:flex;align-items:center;gap:14px}.warm-brand{display:flex;align-items:center;gap:12px;padding:10px 21px;background:linear-gradient(145deg,#30261fec,#493428ed);border:1px solid #b88c5166;border-radius:16px;box-shadow:0 7px 20px #0003}.warm-brand b{font-family:serif;font-size:27px;letter-spacing:5px}.warm-brand small{display:block;font-size:10px;letter-spacing:4px;color:#c6a981;margin-top:3px}.warm-logo{width:44px;height:44px}.warm-pill{padding:11px 18px;background:#241b15be;border:1px solid #d5b88940;border-radius:28px;font-size:14px;color:#e0c7a5}.warm-pill strong{color:#fff3d9;font-size:20px;padding-left:7px}.warm-spacer{flex:1}.warm-round{width:46px;height:46px;border-radius:50%;background:#f3e0bb;color:#51412d;box-shadow:0 4px 0 #b88e55;font-size:20px!important}
.order-heading{position:absolute;top:15%;left:4%;width:24%;text-align:center;color:#624829;font-size:19px;font-weight:700;letter-spacing:5px}.order-heading small{display:block;font-size:11px;letter-spacing:2px;font-weight:400;margin-top:6px;color:#98794e}.warm-order{position:absolute;transform:translate(-50%,0);min-width:125px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#fff4dc,#e9d6af);border:1px solid #c29a60;border-radius:12px;color:#54371d;box-shadow:0 5px 9px #291b1633;padding:6px 9px}.warm-order img{width:41px;height:41px;object-fit:contain;border-radius:9px}.warm-order b{font-size:16px;white-space:nowrap}.warm-order small{display:block;font-size:11px;margin-top:2px;color:#947046}.warm-lock{position:absolute;transform:translate(-50%,-50%);width:105px;height:71px;background:linear-gradient(#f7e7c6,#d6b57e);border:2px solid #ffedc8!important;border-radius:18px;color:#6a4a24;box-shadow:0 5px 0 #856337}.warm-lock svg{width:23px;height:23px;display:block;margin:0 auto 4px}.warm-lock span{font-size:13px;font-weight:700}
.warm-tools{position:absolute;left:3.3%;bottom:3%;width:26%;display:flex;gap:10px}.warm-tool{position:relative;flex:1;min-width:0;padding:11px 5px 9px;border-radius:17px;background:linear-gradient(155deg,#f7e8c9,#d9b783);box-shadow:inset 0 2px #fff7e5,0 5px 0 #765030,0 10px 20px #0003;color:#563b23}.warm-tool svg{width:47px;height:47px;display:block;margin:auto}.warm-tool b{display:block;font-size:15px;margin-top:4px}.warm-tool small{display:block;font-size:10px;color:#8b6946;margin-top:3px}.warm-tool em{position:absolute;right:6px;top:5px;font-style:normal;border-radius:10px;background:#a8512a;color:#fff1d0;padding:1px 6px;font-size:10px}.warm-temp{position:absolute;left:3%;top:69%;width:26%;text-align:center;font-size:13px;color:#e9d7b9;letter-spacing:3px;text-shadow:0 1px 5px #000}
.warm-guide{position:absolute;top:12%;left:42%;right:12%;text-align:center;border:1px solid #eec99388;border-radius:40px;background:#2c201bd9;color:#ffe9c0;padding:12px 22px;font-size:15px;box-shadow:0 6px 20px #0002}.warm-footnote{position:absolute;bottom:18px;right:3%;font-size:11px;letter-spacing:2px;color:#e4c89d9c}
.warm-modal{position:absolute;inset:0;display:grid;place-items:center;background:#1b130de0;backdrop-filter:blur(9px);pointer-events:auto}.warm-modal[hidden]{display:none}.warm-sheet{position:relative;width:min(620px,86vw);max-height:88vh;overflow:auto;border-radius:30px;background:linear-gradient(135deg,#faf1db,#e9d5b1);box-shadow:0 35px 100px #0008,inset 0 0 0 2px #fff4d8;border:1px solid #c79959;color:#583c27;padding:34px 44px;text-align:center}.warm-sheet .eyebrow{font-size:11px;letter-spacing:5px;color:#a47444}.warm-sheet h1{font-family:serif;font-size:35px;letter-spacing:5px;margin:13px 0}.warm-sheet p{font-size:15px;line-height:1.8;color:#8d7251;margin:10px 0 23px}.warm-emblem{width:94px;height:94px;margin:13px auto;background:radial-gradient(circle,#f6dfac,#d6a564);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #ead5b066}.warm-emblem svg{width:64px;height:64px}.warm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.warm-actions button{min-height:49px;padding:12px 14px;border-radius:13px;background:#f7ecd5;color:#775337;box-shadow:inset 0 0 0 1px #bb94605c,0 3px 0 #c5a676;font-weight:700}.warm-actions button.primary{background:linear-gradient(#bf713b,#99502d);color:#fff0d0;box-shadow:inset 0 1px #eab079,0 4px 0 #63351f}.warm-actions button:disabled{opacity:.45;cursor:default}.warm-sheet .warm-copy{font-size:13px;max-height:170px;overflow:auto;white-space:pre-line;color:#8c704f;margin:8px 0 18px}.warm-close{position:absolute;right:16px;top:16px;width:32px;height:32px;background:#d9c099;border-radius:50%;color:#6a482b;font-size:20px!important}.warm-loading{position:absolute;inset:0;background:#32251e;display:grid;place-items:center;pointer-events:auto}.warm-loading div{text-align:center;font-size:32px;letter-spacing:8px}.warm-loading small{display:block;font-size:13px;letter-spacing:3px;margin-top:20px;color:#c19b6d}
@media(max-height:650px){.warm-top{top:12px}.warm-brand b{font-size:21px}.warm-brand{padding:7px 13px}.warm-tool svg{width:35px;height:35px}.warm-tool b{font-size:12px}.warm-tool small{display:none}.warm-sheet{padding:20px 35px}.warm-sheet h1{font-size:28px}.warm-emblem{width:65px;height:65px}.warm-emblem svg{width:44px;height:44px}}
@media(max-width:1250px){.warm-order{min-width:0;width:10.5vw;gap:4px;padding:5px 4px}.warm-order img{width:26px;height:28px}.warm-order b{font-size:12px}.warm-order small{font-size:9px;letter-spacing:0;white-space:nowrap}.warm-lock{width:9.8vw}}
@media(max-height:700px){.order-heading small{display:none}}

.warm-tool:disabled{cursor:default;filter:saturate(.65);opacity:.72}.warm-tool:disabled:hover{transform:none}.warm-round:disabled{cursor:default;opacity:.5}
@media(max-height:500px){.warm-top{left:2%;right:2%;top:7px;gap:7px}.warm-brand{padding:4px 8px;gap:5px;border-radius:10px}.warm-brand b{font-size:14px;letter-spacing:1px}.warm-brand small{font-size:7px;letter-spacing:0;margin-top:0}.warm-logo{width:22px;height:22px}.warm-pill{padding:5px 8px;font-size:10px}.warm-pill strong{font-size:13px;padding-left:4px}.warm-round{width:32px;height:32px;font-size:15px!important}.warm-guide{top:23%;left:40%;right:7%;padding:6px 10px;font-size:11px}.warm-tools{left:2%;bottom:2%;width:28%;gap:4px}.warm-tool{padding:6px 2px}.warm-tool svg{width:25px;height:25px}.warm-tool b{font-size:10px}.warm-temp{font-size:10px}}
@media(max-height:500px){.warm-modal{padding:10px;box-sizing:border-box}.warm-sheet{box-sizing:border-box;width:min(760px,92vw);max-height:calc(100dvh - 20px);padding:12px 24px 16px;border-radius:20px}.warm-sheet .eyebrow{font-size:9px;letter-spacing:3px}.warm-sheet .warm-emblem{display:none}.warm-sheet h1{font-size:23px;letter-spacing:2px;margin:5px 0}.warm-sheet p{font-size:12px;line-height:1.35;margin:4px 0 9px}.warm-actions{gap:7px 10px}.warm-actions button{min-height:36px;padding:6px 10px;font-size:13px}.warm-sheet .warm-copy{max-height:80px;margin:4px 0 8px;font-size:11px}.warm-close{right:9px;top:9px}}