:root{--c-primary: #0d6efd;--c-primary-dark: #0a58ca;--c-primary-soft: #e8f1ff;--c-text: #1f2329;--c-text-2: #5b6472;--c-text-3: #97a1b0;--c-line: #e8ebf0;--c-bg: #f4f6fa;--c-card: #ffffff;--c-danger: #e34d59;--c-warn: #ed7b2f;--c-success: #00a870;--radius: 12px;--radius-sm: 8px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--shadow: 0 2px 12px rgba(17, 34, 68, .06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:640px;margin:0 auto;min-height:100vh;background:var(--c-bg);position:relative;padding-bottom:calc(64px + env(safe-area-inset-bottom))}@media (min-width: 794px){body.app-doc #app{max-width:none}body.app-doc .page{max-width:calc(210mm + 64px);margin-left:auto;margin-right:auto}}a{color:var(--c-primary);text-decoration:none}img{display:block;max-width:100%}.page{padding:var(--sp-4)}.page--plain{padding:0}.card{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card--tight{padding:var(--sp-3)}.section-title{font-size:15px;font-weight:600;margin:0 0 var(--sp-3);display:flex;align-items:center;justify-content:space-between}.section-title:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--c-primary);margin-right:var(--sp-2);flex:none}.section-title>span:first-child{flex:1}.navbar{position:sticky;top:0;z-index:20;height:48px;display:flex;align-items:center;padding:0 var(--sp-3);background:var(--c-card);border-bottom:1px solid var(--c-line)}.navbar__back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--c-text);cursor:pointer;border-radius:50%;flex:none}.navbar__back:active{background:var(--c-line)}.navbar__title{flex:1;text-align:center;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__extra{width:32px;flex:none;text-align:right;font-size:13px;color:var(--c-text-2)}.hero{background:linear-gradient(135deg,var(--c-primary) 0%,#3d8bfd 100%);color:#fff;padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:0 0 var(--radius) var(--radius);margin-bottom:var(--sp-3)}.hero__eyebrow{font-size:12px;opacity:.85;letter-spacing:.5px;margin-bottom:var(--sp-1)}.hero__title{font-size:20px;font-weight:700;margin:0 0 var(--sp-2)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:13px;opacity:.92}.hero__badge{display:inline-block;padding:2px 8px;border-radius:10px;background:#ffffff38;font-size:12px;margin-top:var(--sp-2)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.stat{text-align:center;padding:var(--sp-3) var(--sp-1);background:var(--c-primary-soft);border-radius:var(--radius-sm)}.stat__num{font-size:20px;font-weight:700;color:var(--c-primary);line-height:1.2}.stat__num--warn{color:var(--c-warn)}.stat__num--danger{color:var(--c-danger)}.stat__label{font-size:12px;color:var(--c-text-2);margin-top:2px}.row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-line)}.row:last-child{border-bottom:none}.row__main{flex:1;min-width:0}.row__title{font-size:14px;font-weight:500;color:var(--c-text);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__sub{font-size:12px;color:var(--c-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__right{flex:none;text-align:right;font-size:13px;color:var(--c-text-2)}.timeline{position:relative;padding-left:var(--sp-5)}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--c-line)}.timeline__item{position:relative;padding-bottom:var(--sp-4)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:calc(-1 * var(--sp-5) + 2px);top:5px;width:10px;height:10px;border-radius:50%;background:var(--c-primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--c-line)}.timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.timeline__title{font-size:14px;font-weight:600}.timeline__date{font-size:12px;color:var(--c-text-3);flex:none}.timeline__body{font-size:13px;color:var(--c-text-2);margin-top:var(--sp-1)}.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.prod{background:var(--c-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.prod__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:linear-gradient(135deg,#eef2f7,#fff);display:flex;align-items:center;justify-content:center;color:var(--c-text-3);font-size:12px}.prod__body{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.prod__name{font-size:13px;font-weight:500;line-height:1.4;height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prod__price{margin-top:var(--sp-2);font-size:16px;font-weight:700;color:var(--c-danger)}.prod__price--muted{font-size:13px;font-weight:400;color:var(--c-text-3)}.prod__tag{display:inline-block;font-size:11px;padding:0 6px;border-radius:4px;background:var(--c-primary-soft);color:var(--c-primary);margin-top:var(--sp-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 var(--sp-4);border:none;border-radius:var(--radius-sm);background:var(--c-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.82}.btn--block{display:flex;width:100%}.btn--ghost{background:var(--c-primary-soft);color:var(--c-primary)}.btn--line{background:transparent;color:var(--c-text-2);border:1px solid var(--c-line)}.btn--danger{background:var(--c-danger)}.btn--sm{height:30px;padding:0 var(--sp-3);font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.bottom-bar{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--c-card);border-top:1px solid var(--c-line);z-index:30}.bottom-bar__info{flex:1;min-width:0}.bottom-bar__amount{font-size:18px;font-weight:700;color:var(--c-danger)}.field{margin-bottom:var(--sp-3)}.field__label{font-size:13px;color:var(--c-text-2);margin-bottom:var(--sp-1);display:block}.field__label--req:after{content:" *";color:var(--c-danger)}.input{width:100%;height:40px;padding:0 var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:14px;background:#fff;color:var(--c-text);outline:none}.input:focus{border-color:var(--c-primary)}textarea.input{height:auto;min-height:72px;padding:var(--sp-2) var(--sp-3);resize:vertical;line-height:1.6}.input-row{display:flex;gap:var(--sp-2)}.input-row .input{flex:1}.empty{text-align:center;padding:48px var(--sp-4);color:var(--c-text-3);font-size:13px}.empty__icon{font-size:40px;margin-bottom:var(--sp-2);opacity:.5}.loading{text-align:center;padding:40px 0;color:var(--c-text-3);font-size:13px}.spinner{width:24px;height:24px;margin:0 auto var(--sp-2);border:2px solid var(--c-line);border-top-color:var(--c-primary);border-radius:50%;animation:mc-spin .7s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);max-width:76vw;padding:10px 16px;background:#000000c7;color:#fff;font-size:13px;line-height:1.5;border-radius:var(--radius-sm);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:999}.mc-toast.is-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:4px;background:var(--c-line);color:var(--c-text-2)}.tag--primary{background:var(--c-primary-soft);color:var(--c-primary)}.tag--warn{background:#fff4e8;color:var(--c-warn)}.tag--success{background:#e6f7f0;color:var(--c-success)}.tag--danger{background:#fdecee;color:var(--c-danger)}.price-locked{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--c-primary);cursor:pointer}.price-locked:before{content:"🔒";font-size:12px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--c-line);border-radius:var(--radius-sm);overflow:hidden}.stepper__btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;font-size:16px;color:var(--c-text-2);cursor:pointer}.stepper__btn:disabled{color:var(--c-line)}.stepper__num{min-width:36px;text-align:center;font-size:14px;border-left:1px solid var(--c-line);border-right:1px solid var(--c-line);line-height:28px}