:root{--c-primary: #7a5c3e;--c-primary-dark: #5e4530;--c-gold: #c9a063;--c-gold-light: #e8d5b0;--c-bg: #faf7f2;--c-card: #ffffff;--c-text: #2c2c2c;--c-text-2: #6b6b6b;--c-text-3: #9b9b9b;--c-line: #e8e2d8;--c-danger: #c0392b;--c-success: #2e7d52;--fs-scale: 1;--fs-xs: calc(13px * var(--fs-scale));--fs-sm: calc(15px * var(--fs-scale));--fs-base: calc(17px * var(--fs-scale));--fs-lg: calc(19px * var(--fs-scale));--fs-xl: calc(23px * var(--fs-scale));--fs-2xl: calc(29px * var(--fs-scale));--lh: 1.72;--radius: 8px;--radius-lg: 10px;--shadow: none;--safe-bottom: env(safe-area-inset-bottom, 0px)}html[data-fs=large]{--fs-scale: 1.15}html[data-fs=xlarge]{--fs-scale: 1.32}*{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,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--fs-base);line-height:var(--lh);touch-action:manipulation;-webkit-font-smoothing:antialiased}#app{min-height:100vh;padding-bottom:calc(64px + var(--safe-bottom))}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;padding:0}.page{padding:0 16px 24px}.section{margin-top:24px}.section-title{font-size:var(--fs-lg);font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--c-gold)}.card{background:var(--c-card);border-radius:var(--radius-lg);border:1px solid var(--c-line);overflow:hidden}.rule{height:1px;background:var(--c-line);margin:20px 0}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--c-text-2);font-size:var(--fs-sm)}.tiny{color:var(--c-text-3);font-size:var(--fs-xs)}.price{color:var(--c-danger);font-weight:700;font-variant-numeric:tabular-nums}.price-big{font-size:var(--fs-xl)}.strike{color:var(--c-text-3);text-decoration:line-through;font-size:var(--fs-sm)}.tag{display:inline-block;padding:3px 10px;border-radius:4px;border:1px solid var(--c-line);background:transparent;color:var(--c-text-2);font-size:var(--fs-xs);margin-right:8px;margin-bottom:6px}.tag-strong{border-color:var(--c-gold);color:var(--c-primary)}.btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:var(--radius);font-size:var(--fs-lg);font-weight:600;letter-spacing:.02em;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--c-primary);color:#fff}.btn-gold{background:var(--c-gold);color:#2f2110}.btn-ghost{border:1.5px solid var(--c-primary);color:var(--c-primary)}.btn-block{width:100%}.btn:disabled{opacity:.45}.btn-sm{min-height:44px;border-radius:var(--radius);font-size:var(--fs-sm);padding:0 18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gap-8>*+*{margin-top:8px}.gap-12>*+*{margin-top:12px}.gap-16>*+*{margin-top:16px}.divider{height:1px;background:var(--c-line);margin:16px 0}.field{display:block;margin-bottom:16px}.field label{display:block;font-size:var(--fs-sm);color:var(--c-text-2);margin-bottom:6px}.input{width:100%;height:48px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--radius);background:#fff;font-size:var(--fs-base);color:var(--c-text);outline:none}.input:focus{border-color:var(--c-gold)}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(58px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--c-line);display:flex;z-index:100}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--c-text-3);font-size:var(--fs-xs)}.tabbar-item.active{color:var(--c-primary);font-weight:600}.tabbar-item .ico{width:24px;height:24px;display:block}.empty{padding:60px 20px;text-align:center;color:var(--c-text-3)}.empty .big{font-size:40px;margin-bottom:12px;opacity:.4}.navbar{position:sticky;top:0;z-index:50;height:48px;display:flex;align-items:center;padding:0 12px;background:#faf7f2f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line)}.navbar .back{width:40px;font-size:22px;color:var(--c-text)}.navbar .title{flex:1;text-align:center;font-weight:600;font-size:var(--fs-base)}.navbar .right{width:40px;text-align:right;font-size:var(--fs-sm);color:var(--c-primary)}.notice{display:flex;gap:8px;padding:10px 12px;background:#c9a0631a;border-radius:var(--radius);font-size:var(--fs-sm);color:var(--c-primary);line-height:1.5}.notice .dot-mark{flex:0 0 auto;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--brand)}.toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:12px 20px;border-radius:10px;font-size:var(--fs-sm);z-index:999;max-width:76vw;text-align:center}.skeleton{background:linear-gradient(90deg,#f0ece4 25%,#f7f4ef 37%,#f0ece4 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;border-radius:8px}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}