:root{--rpx: calc(100vw / 750)}@media (min-width: 540px){:root{--rpx: .72px }}html,body{margin:0;padding:0;background:#f5f0f1}body{max-width:540px;margin:0 auto;min-height:100vh;position:relative;box-shadow:0 0 40px #1f12140f;overflow-x:hidden}#app{min-height:100vh}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;margin:0;padding:0;background:transparent;border:none}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit;outline:none;box-sizing:border-box}:root,#app,body{--primary: #E11D2E;--primary-dark: #B91C1C;--primary-deep: #9F1239;--primary-light: #FECDD3;--primary-soft: #FFF1F2;--primary-mid: #F43F5E;--accent: #F59E0B;--accent-soft: #FFFBEB;--text: #1F1214;--text-secondary: #6B565A;--text-muted: #9A8488;--border: #F0E4E6;--border-soft: #F8F1F2;--bg: #F5F0F1;--bg-warm: #FAF6F7;--card: #FFFFFF;--danger: #EF4444;--danger-soft: #FEF2F2;--warning: #F59E0B;--warning-soft: #FFFBEB;--success: #10B981;--success-soft: #ECFDF5;--radius: calc(20 * var(--rpx));--radius-lg: calc(28 * var(--rpx));--radius-xl: calc(36 * var(--rpx));--radius-full: calc(999 * var(--rpx));--shadow: 0 calc(8 * var(--rpx)) calc(28 * var(--rpx)) rgba(31, 18, 20, .05);--shadow-md: 0 calc(14 * var(--rpx)) calc(40 * var(--rpx)) rgba(225, 29, 46, .1);--shadow-lg: 0 calc(22 * var(--rpx)) calc(52 * var(--rpx)) rgba(225, 29, 46, .16);--nav-h: calc(88 * var(--rpx));font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:calc(28 * var(--rpx));color:var(--text);background:var(--bg);box-sizing:border-box;min-height:100%;line-height:1.45;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}button{margin:0;padding:0;background:transparent}.container{min-height:100vh;padding-bottom:calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom))}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:calc(1 * var(--rpx)) solid rgba(240,228,230,.9)}.card-soft{background:linear-gradient(180deg,#fff,#fff8f8);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:calc(1 * var(--rpx)) solid rgba(254,205,211,.5)}.btn-primary{background:linear-gradient(135deg,#e11d2e,#f43f5e 70%,#fb7185);color:#fff;border-radius:var(--radius-full);font-size:calc(30 * var(--rpx));font-weight:700;border:none;height:calc(92 * var(--rpx));min-height:calc(92 * var(--rpx));line-height:1.2;text-align:center;letter-spacing:calc(1 * var(--rpx));box-shadow:0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) #e11d2e4d;display:flex;align-items:center;justify-content:center;width:100%;padding:0 calc(28 * var(--rpx));box-sizing:border-box;cursor:pointer;white-space:nowrap}.btn-primary[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--primary-soft);color:var(--primary-dark);border-radius:var(--radius-full);font-size:calc(28 * var(--rpx));font-weight:650;border:calc(1 * var(--rpx)) solid rgba(225,29,46,.12);height:calc(76 * var(--rpx));min-height:calc(76 * var(--rpx));line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;padding:0 calc(24 * var(--rpx));box-sizing:border-box;cursor:pointer;white-space:nowrap}.btn-danger-ghost{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-full);font-size:calc(28 * var(--rpx));font-weight:650;border:none;line-height:calc(76 * var(--rpx));height:calc(76 * var(--rpx))}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(140 * var(--rpx)) calc(48 * var(--rpx))}.empty-icon{width:calc(148 * var(--rpx));height:calc(148 * var(--rpx));border-radius:calc(44 * var(--rpx));background:linear-gradient(145deg,#fff1f2,#fecdd3);display:flex;align-items:center;justify-content:center;font-size:calc(42 * var(--rpx));font-weight:800;color:var(--primary-dark);margin-bottom:calc(28 * var(--rpx));box-shadow:inset 0 0 0 calc(1 * var(--rpx)) #e11d2e14,0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) #e11d2e14;letter-spacing:calc(1 * var(--rpx))}.empty-text{color:var(--text-secondary);font-size:calc(28 * var(--rpx));margin-bottom:calc(36 * var(--rpx));text-align:center;line-height:1.5}.empty-premium{margin:calc(8 * var(--rpx)) 0 calc(24 * var(--rpx));padding:calc(48 * var(--rpx)) calc(32 * var(--rpx)) calc(40 * var(--rpx));display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fff,#fff9fa);border-radius:calc(32 * var(--rpx));border:calc(1 * var(--rpx)) solid rgba(254,205,211,.45);box-shadow:0 calc(16 * var(--rpx)) calc(48 * var(--rpx)) #e11d2e0f;position:relative;overflow:hidden}.empty-premium:before{content:"";position:absolute;width:calc(280 * var(--rpx));height:calc(280 * var(--rpx));border-radius:50%;background:radial-gradient(circle,rgba(254,205,211,.35),transparent 70%);top:calc(-80 * var(--rpx));right:calc(-60 * var(--rpx));pointer-events:none}.empty-premium:after{content:"";position:absolute;width:calc(200 * var(--rpx));height:calc(200 * var(--rpx));border-radius:50%;background:radial-gradient(circle,rgba(254,205,211,.25),transparent 70%);bottom:calc(-60 * var(--rpx));left:calc(-40 * var(--rpx));pointer-events:none}.empty-visual{position:relative;width:calc(320 * var(--rpx));height:calc(280 * var(--rpx));display:flex;align-items:center;justify-content:center;margin-bottom:calc(8 * var(--rpx));z-index:1}.empty-glow{position:absolute;width:calc(220 * var(--rpx));height:calc(220 * var(--rpx));border-radius:50%;background:radial-gradient(circle,rgba(225,29,46,.08),transparent 68%)}.empty-premium-img{width:calc(280 * var(--rpx));height:calc(280 * var(--rpx));position:relative;z-index:1}.empty-premium-title{font-size:calc(32 * var(--rpx));font-weight:800;color:var(--text);margin-bottom:calc(10 * var(--rpx));z-index:1}.empty-premium-hint{font-size:calc(24 * var(--rpx));color:var(--text-muted);text-align:center;line-height:1.55;max-width:calc(480 * var(--rpx));margin-bottom:calc(28 * var(--rpx));z-index:1}.empty-premium-btn{z-index:1;min-width:calc(280 * var(--rpx));height:calc(80 * var(--rpx));line-height:calc(80 * var(--rpx));padding:0 calc(48 * var(--rpx));background:linear-gradient(135deg,#e11d2e,#f43f5e);color:#fff;font-size:calc(28 * var(--rpx));font-weight:700;border-radius:calc(999 * var(--rpx));border:none;box-shadow:0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) #e11d2e47}.empty-premium-btn.ghost{background:#fff1f2;color:var(--primary-dark);box-shadow:none;border:calc(1 * var(--rpx)) solid rgba(225,29,46,.12)}.section-title{font-size:calc(34 * var(--rpx));font-weight:800;color:var(--text);letter-spacing:calc(.5 * var(--rpx))}.section-sub{font-size:calc(22 * var(--rpx));color:var(--text-muted);margin-top:calc(6 * var(--rpx))}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.price{color:#e11d2e;font-weight:800;font-variant-numeric:tabular-nums}.price-symbol{font-size:calc(22 * var(--rpx));font-weight:700;margin-right:calc(2 * var(--rpx))}.tag{display:inline-flex;align-items:center;padding:calc(6 * var(--rpx)) calc(14 * var(--rpx));border-radius:calc(10 * var(--rpx));font-size:calc(20 * var(--rpx));font-weight:650;background:var(--primary-light);color:var(--primary-dark)}.tag-warn{background:var(--warning-soft);color:#b45309}.tag-accent{background:var(--accent-soft);color:#c2410c}.divider{height:calc(1 * var(--rpx));background:var(--border-soft);margin:calc(24 * var(--rpx)) 0}.skeleton{background:linear-gradient(90deg,#f8f1f2 25%,#f0e4e6 37%,#f8f1f2 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:calc(16 * var(--rpx))}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.fade-up{animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(calc(16 * var(--rpx)))}to{opacity:1;transform:translateY(0)}}.glass{background:#ffffffd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.field{margin-bottom:calc(24 * var(--rpx))}.field .label{display:block;font-size:calc(24 * var(--rpx));color:var(--text-secondary);margin-bottom:calc(12 * var(--rpx));font-weight:650}.field input,.field textarea,.field .picker{width:100%;background:#fff8f8;border:calc(1 * var(--rpx)) solid var(--border);border-radius:calc(16 * var(--rpx));padding:calc(22 * var(--rpx)) calc(24 * var(--rpx));font-size:calc(28 * var(--rpx));color:var(--text)}.field input:focus,.field textarea:focus{border-color:#e11d2e73;background:#fff}.status-pill{display:inline-flex;align-items:center;padding:calc(8 * var(--rpx)) calc(18 * var(--rpx));border-radius:var(--radius-full);font-size:calc(22 * var(--rpx));font-weight:700}.status-pill.ok{background:var(--success-soft);color:#047857}.status-pill.warn{background:var(--warning-soft);color:#b45309}.status-pill.danger{background:var(--danger-soft);color:#b91c1c}.status-pill.info{background:var(--primary-soft);color:var(--primary-dark)}.status-pill.muted{background:#f1f5f9;color:var(--text-muted)}.guide-chip{display:flex;gap:calc(12 * var(--rpx));align-items:flex-start;margin:0 calc(24 * var(--rpx)) calc(20 * var(--rpx));padding:calc(18 * var(--rpx)) calc(20 * var(--rpx));border-radius:calc(18 * var(--rpx));background:linear-gradient(135deg,#fff1f2,#fff);border:calc(1 * var(--rpx)) solid rgba(225,29,46,.12);color:var(--text-secondary);font-size:calc(22 * var(--rpx));line-height:1.5}.guide-chip .mark{width:calc(36 * var(--rpx));height:calc(36 * var(--rpx));border-radius:calc(12 * var(--rpx));background:linear-gradient(145deg,#f43f5e,#e11d2e);color:#fff;font-size:calc(20 * var(--rpx));font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-bg{min-height:100vh;background:radial-gradient(ellipse at 12% 0%,rgba(254,205,211,.38),transparent 38%),radial-gradient(ellipse at 92% 6%,rgba(251,113,133,.14),transparent 30%),linear-gradient(180deg,#FFF8F8 0%,var(--bg) 34%)}.block-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:calc(18 * var(--rpx))}.block-head .title{font-size:calc(34 * var(--rpx));font-weight:800;color:var(--text)}.block-head .sub{font-size:calc(22 * var(--rpx));color:var(--text-muted);margin-top:calc(6 * var(--rpx))}.img-box{overflow:hidden;background:linear-gradient(145deg,#fff1f2,#fecdd3);display:flex;align-items:center;justify-content:center}.img-box img{width:100%;height:100%}.img-fallback{font-size:calc(28 * var(--rpx));font-weight:800;color:var(--primary-dark);letter-spacing:calc(1 * var(--rpx));opacity:.85}.sticky-foot{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:calc(18 * var(--rpx)) calc(28 * var(--rpx)) calc(calc(18 * var(--rpx)) + env(safe-area-inset-bottom));box-shadow:0 calc(-8 * var(--rpx)) calc(32 * var(--rpx)) #1f121414;border-top:calc(1 * var(--rpx)) solid rgba(240,228,230,.95)}.form-section{margin-bottom:calc(16 * var(--rpx))}.form-section .sec-label{font-size:calc(24 * var(--rpx));font-weight:700;color:var(--text-secondary);margin-bottom:calc(12 * var(--rpx));padding-left:calc(12 * var(--rpx));border-left:calc(6 * var(--rpx)) solid var(--primary)}.mark-badge{display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:calc(.5 * var(--rpx));color:#fff;background:linear-gradient(145deg,#f43f5e,#e11d2e);box-shadow:0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) #e11d2e38}.mark-badge.soft{color:var(--primary-dark);background:linear-gradient(145deg,#fff1f2,#fecdd3);box-shadow:inset 0 0 0 calc(1 * var(--rpx)) #e11d2e1a}.pressable:active{opacity:.88;transform:scale(.985)}