:root{color-scheme:light;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--forest: #165c4b;--forest-dark: #0c3b31;--leaf: #2f9b63;--orange: #f97316;--sky: #0ea5e9;--ink: #17211d;--muted: #66746d;--line: #dce6df;--paper: #ffffff;--wash: #f4f7f1;--soft-orange: #fff2e8;--shadow: 0 20px 42px rgba(25, 40, 32, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(249,115,22,.12),transparent 32%),linear-gradient(135deg,#eef6ef,#f9fbf7 52%,#eef7fb);color:var(--ink)}button,input,textarea{font:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:20px}.phone-shell{position:relative;display:flex;flex-direction:column;width:min(100%,430px);height:calc(100vh - 40px);min-height:calc(100vh - 40px);margin:0 auto;overflow:hidden;background:var(--paper);border:1px solid rgba(22,92,75,.14);border-radius:8px;box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 12px;background:#ffffffeb;border-bottom:1px solid rgba(220,230,223,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1,.section-heading h2,.wallet-banner h2,.member-card h2,.detail-image h2,.hero-card h2,.sheet h2{margin:0;letter-spacing:0}.topbar h1{margin-top:3px;font-size:22px;line-height:1.1}.eyebrow{margin:0;color:var(--leaf);font-size:12px;font-weight:800}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;color:var(--forest);background:#ecf5ef;border-radius:8px}.icon-button.light-bg{background:#f3f6f4}.view{flex:1;padding:16px 16px 92px;overflow:auto}.hero-card{min-height:360px;display:flex;align-items:flex-end;padding:22px;overflow:hidden;color:#fff;background-position:center;background-size:cover;border-radius:8px}.hero-content{display:grid;gap:12px}.hero-card h2{max-width:320px;font-size:32px;line-height:1.08}.hero-card p{max-width:330px;margin:0;color:#ffffffdb;font-size:14px;line-height:1.7}.pill,.mini-badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:6px 9px;color:var(--forest);background:#e9f5ee;border-radius:8px;font-size:12px;font-weight:800}.pill.light{color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}.primary-button,.secondary-button,.text-button,.wechat-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:8px;font-weight:800}.primary-button{color:#fff;background:var(--forest);box-shadow:0 10px 24px #165c4b38}.secondary-button{width:100%;color:var(--forest);background:#eaf5ee}.text-button{min-height:32px;padding:0;color:var(--forest);background:transparent}.wechat-button{width:100%;color:#fff;background:#16a34a;box-shadow:0 12px 28px #16a34a38}.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}.metric-grid article,.flow-panel article,.points-card,.record-card,.capacity-box,.wallet-banner,.member-actions button{border:1px solid var(--line);border-radius:8px;background:#fff}.metric-grid article{padding:14px 10px;text-align:center}.metric-grid strong{display:block;color:var(--forest);font-size:21px;line-height:1.1}.metric-grid span,.flow-panel span,.camp-row span,.camp-row small,.wallet-banner span,.record-card span,.record-card small,.points-card span,.member-card span,.pay-list span,.success-grid span{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 12px}.section-heading.compact{margin-top:0}.section-heading h2{margin-top:3px;font-size:19px}.camp-stack{display:grid;gap:10px}.camp-row{display:grid;grid-template-columns:76px 1fr 20px;align-items:center;gap:12px;width:100%;padding:10px;color:inherit;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px}.camp-row img{width:76px;height:64px;object-fit:cover;border-radius:6px}.camp-row div{display:grid;gap:4px;min-width:0}.camp-row strong,.record-card strong,.product-card strong{overflow-wrap:anywhere}.flow-panel{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.flow-panel article{display:grid;grid-template-columns:28px 1fr;gap:3px 10px;padding:13px}.flow-panel svg{grid-row:span 2;color:var(--orange)}.camp-selector{display:flex;gap:8px;padding-bottom:10px;overflow-x:auto}.camp-chip{flex:0 0 auto;padding:9px 12px;color:var(--muted);background:#f3f6f4;border:1px solid transparent;border-radius:8px;font-weight:800}.camp-chip.active{color:var(--forest);background:#e9f5ee;border-color:#165c4b42}.detail-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.detail-image{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:18px;color:#fff;background-position:center;background-size:cover}.detail-image h2{font-size:27px;line-height:1.1}.detail-image p{margin:0;color:#ffffffd6;line-height:1.6}.detail-body{display:grid;gap:16px;padding:16px}.tag-row,.include-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-row span,.include-grid span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;color:var(--forest);background:#eff7f2;border-radius:8px;font-size:12px;font-weight:800}.include-grid span{color:#38564c;background:#f4f8f5}.info-list{display:grid;gap:11px}.info-list div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;color:#34443d;font-size:14px}.info-list svg{color:var(--sky)}.capacity-box{display:grid;gap:10px;padding:12px;background:#fbfdfb}.capacity-box div{display:flex;justify-content:space-between;gap:12px}progress{width:100%;height:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px}progress::-webkit-progress-bar{background:#e8eee9}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--leaf),var(--orange))}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--leaf),var(--orange))}.checkout-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.checkout-row div{display:grid;gap:2px}.checkout-row span,.checkout-row small,.product-body span,.product-body small,.points-slider small{color:var(--muted);font-size:12px}.checkout-row strong{color:var(--orange);font-size:25px}.wallet-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;color:#fff;background:linear-gradient(135deg,#165c4bf2,#0ea5e9d1),#165c4b;border:0}.wallet-banner span,.wallet-banner .eyebrow{color:#ffffffd1}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.product-card:hover,.product-card:focus-visible{border-color:#165c4b47;box-shadow:0 12px 26px #1928201a;outline:none;transform:translateY(-1px)}.product-card img{width:100%;aspect-ratio:1 / .82;object-fit:cover;background:#eef3ef}.product-body{display:grid;gap:8px;padding:10px}.price-row{display:flex;min-height:22px;align-items:center;justify-content:space-between;gap:6px}.price-row b{color:var(--orange)}.qty-control{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;min-height:36px;overflow:hidden;color:var(--forest);background:#eef7f2;border-radius:8px}.qty-control button{display:grid;height:36px;place-items:center;color:var(--forest);background:transparent}.qty-control strong{text-align:center}.cart-dock{position:sticky;bottom:84px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:10px;background:#17211df0;border-radius:8px;box-shadow:0 14px 34px #17211d3d}.cart-dock div{display:grid;gap:3px;color:#fff}.cart-dock span{color:#ffffffb8;font-size:12px}.cart-dock .primary-button{min-height:38px;background:var(--orange);box-shadow:none}.product-detail-view{padding-bottom:126px}.back-button{display:inline-flex;min-height:38px;align-items:center;gap:7px;margin-bottom:12px;padding:0 10px;color:var(--forest);background:#ecf5ef;border-radius:8px;font-weight:800}.product-detail-card,.detail-panel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.product-hero{position:relative}.product-hero img{width:100%;aspect-ratio:1 / .78;object-fit:cover;background:#eef3ef}.product-hero .pill{position:absolute;left:14px;bottom:14px}.product-summary{display:grid;gap:14px;padding:16px}.product-summary h2,.detail-panel h3{margin:0;letter-spacing:0}.product-summary h2{font-size:24px;line-height:1.16}.product-summary p,.detail-copy{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.detail-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.detail-price-row strong{color:var(--orange);font-size:30px;line-height:1}.detail-price-row span,.stock-row span,.product-action-dock span{color:var(--muted);font-size:12px}.detail-panel{display:grid;gap:12px;margin-top:12px;padding:14px}.panel-title{display:flex;align-items:center;gap:8px;color:var(--forest)}.panel-title h3{color:var(--ink);font-size:16px}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spec-grid span{display:grid;min-height:42px;place-items:center;padding:8px;color:#38564c;text-align:center;background:#f4f8f5;border-radius:8px;font-size:12px;font-weight:800}.service-list{display:grid;gap:9px}.service-list div{display:flex;align-items:center;gap:8px;color:#405048;font-size:13px}.service-list svg{color:var(--leaf)}.stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #edf2ee}.stock-row strong{color:var(--forest)}.product-action-dock{position:sticky;bottom:84px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:16px;padding:10px;background:#fffffff5;border:1px solid rgba(220,230,223,.9);border-radius:8px;box-shadow:0 14px 34px #17211d29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.product-action-dock div{display:grid;min-width:0;gap:3px}.product-action-dock strong{color:var(--orange);font-size:20px}.product-action-dock .secondary-button,.product-action-dock .primary-button{min-height:38px;padding:0 11px;white-space:nowrap;box-shadow:none}.member-card{position:relative;display:grid;gap:24px;padding:18px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0c3b31f5,#2f9b63e6),var(--forest-dark);border-radius:8px}.member-card .eyebrow,.member-card span{color:#ffffffc2}.member-card svg{position:absolute;top:18px;right:18px;color:#ffffffc2}.member-no{width:fit-content;padding:8px 10px;color:#193b31;background:#ffffffdb;border-radius:8px;font-weight:900}.points-card{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:12px 0;overflow:hidden}.points-card div{display:grid;gap:4px;padding:14px;background:#fff}.points-card strong{color:var(--forest);font-size:22px}.member-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.member-actions button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;color:var(--forest);font-weight:800}.record-section{display:grid;gap:10px}.record-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:12px}.record-card.clickable{grid-template-columns:42px 1fr 18px;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.record-card.clickable:hover,.record-card.clickable:focus-visible{border-color:#165c4b47;box-shadow:0 10px 24px #1928201a;outline:none;transform:translateY(-1px)}.record-card.clickable>svg{color:#9aa7a0}.record-card div:last-child{display:grid;gap:4px}.record-card>div:nth-child(2){display:grid;gap:4px}.record-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--sky);background:#e8f7fd;border-radius:8px}.record-icon.orange{color:var(--orange);background:var(--soft-orange)}.registration-detail-view,.order-detail-view{padding-bottom:92px}.registration-hero-card,.order-hero-card{display:grid;gap:18px;padding:18px;color:#fff;background:linear-gradient(135deg,#0c3b31f5,#0ea5e9d1),var(--forest-dark);border-radius:8px}.order-hero-card{background:linear-gradient(135deg,#5d2d0cf2,#f97316db),var(--orange)}.registration-hero-card h2,.order-hero-card h2{margin:12px 0 7px;font-size:24px;line-height:1.18;letter-spacing:0}.registration-hero-card p,.order-hero-card p{margin:0;color:#ffffffc7;line-height:1.65}.registration-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.registration-amount span{color:#ffffffb8;font-size:12px}.registration-amount strong{font-size:30px;line-height:1}.detail-list{display:grid;gap:0}.detail-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf2ee}.detail-list div:last-child{border-bottom:0}.detail-list span{flex:0 0 auto;color:var(--muted);font-size:13px}.detail-list strong{min-width:0;color:#263a32;text-align:right;overflow-wrap:anywhere;font-size:13px}.order-items{display:grid;gap:10px}.order-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;background:#fbf8f5;border:1px solid #f1e5dc;border-radius:8px}.order-item img{width:54px;height:54px;object-fit:cover;background:#f6eee8;border-radius:6px}.order-item div{display:grid;min-width:0;gap:4px}.order-item strong{overflow-wrap:anywhere}.order-item span{color:var(--muted);font-size:12px}.order-item b{color:var(--orange);font-size:14px}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px 10px;background:#fffffff0;border-top:1px solid rgba(220,230,223,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar button{display:grid;min-height:52px;place-items:center;gap:2px;color:#7b8982;background:transparent;border-radius:8px;font-size:11px;font-weight:800}.tabbar button.active{color:var(--forest);background:#eaf5ee}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#0b13107a}.sheet{width:min(100%,430px);max-height:90vh;overflow:auto;padding:18px;background:#fff;border-radius:8px;box-shadow:0 22px 60px #00000038}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px}.form-grid label span{color:#405048;font-size:13px;font-weight:800}.form-grid input,.form-grid textarea{width:100%;color:var(--ink);background:#f7faf8;border:1px solid var(--line);border-radius:8px;outline:none}.form-grid input{min-height:44px;padding:0 12px}.form-grid textarea{resize:vertical;padding:11px 12px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #2f9b631f}.pay-summary{display:grid;place-items:center;gap:8px;padding:20px 14px;color:var(--forest);background:#eef7f2;border-radius:8px}.pay-summary strong{color:var(--ink);font-size:34px}.pay-summary span{color:var(--muted);font-size:13px}.pay-list,.cart-list{display:grid;gap:10px;margin:14px 0}.pay-list div,.cart-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf2ee}.payment-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.payment-mode button{min-height:42px;color:var(--muted);background:#f3f6f4;border:1px solid transparent;border-radius:8px;font-weight:900}.payment-mode button.active{color:var(--forest);background:#eaf5ee;border-color:#165c4b38}.points-slider{display:grid;gap:10px;padding:12px;background:#fbf7f2;border:1px solid #f3dfca;border-radius:8px}.points-slider.disabled{background:#f6f7f6;border-color:var(--line)}.points-slider div{display:flex;justify-content:space-between;gap:12px}.points-slider span{color:var(--muted)}.points-slider input{width:100%;accent-color:var(--orange)}.success-sheet{display:grid;place-items:center;gap:12px;text-align:center}.success-sheet>svg{color:#16a34a}.success-sheet p{margin:0;color:var(--muted)}.success-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.success-grid div{display:grid;gap:4px;padding:12px;background:#f5f8f6;border-radius:8px}.toast{position:fixed;left:50%;bottom:96px;z-index:30;transform:translate(-50%);width:fit-content;max-width:min(86vw,340px);padding:10px 14px;color:#fff;background:#17211deb;border-radius:8px;box-shadow:0 12px 30px #17211d38;font-weight:800}@media (max-width: 560px){.app-shell{padding:0;background:#fff}.phone-shell{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}.sheet-mask{padding:0}.sheet{width:100%;border-radius:8px 8px 0 0}}@media (max-width: 380px){.hero-card{min-height:330px;padding:18px}.hero-card h2{font-size:28px}.product-grid,.metric-grid,.points-card,.member-actions{grid-template-columns:1fr}.checkout-row{align-items:stretch;flex-direction:column}}