
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f1f3f6;color:#18212b}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:#f5f7f8;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.page{min-height:100vh;padding-bottom:88px;background:#f5f7f8}.topbar{height:92px;background:#111;display:flex;align-items:center;padding:0 14px;color:#fff;gap:12px;overflow:hidden}.topbar img{width:34px;height:34px}.address{font-size:24px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.hamb{width:40px;height:28px;position:relative}.hamb:before,.hamb:after,.hamb span{content:"";position:absolute;right:0;width:38px;height:5px;background:#bfc4c8;border-radius:4px;box-shadow:0 0 2px #fff}.hamb:before{top:0}.hamb span{top:11px}.hamb:after{bottom:0}.zg-head{background:linear-gradient(135deg,#d8fbff 0%,#defbf0 100%);padding:22px 22px 14px}.brand-row{display:flex;align-items:center;gap:12px}.brand-logo{width:50px;height:50px;flex:0 0 auto}.brand-title{font-size:23px;font-weight:900;color:#263b50;line-height:1}.brand-sub{font-size:12px;color:#66717f;margin-top:5px;font-weight:700;white-space:nowrap}.service-pill{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.72);font-size:14px;font-weight:900;color:#1e2730;white-space:nowrap}.service-pill img{width:28px;height:28px;border-radius:50%}.home-search-row{display:flex;gap:14px;align-items:center;margin-top:22px}.home-search{height:48px;flex:1;border:2px solid #26333a;border-radius:12px;background:rgba(255,255,255,.65);padding:0 18px;font-size:18px;color:#222;outline:none}.switch-view{width:58px;text-align:center;color:#232b31;font-size:13px;font-weight:800}.grid4{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:8px;margin:0 auto 4px;width:34px}.grid4 i{display:block;border:3px solid #243038;border-radius:2px}.hero-banner{margin:16px 14px 14px;border-radius:8px;min-height:108px;background:linear-gradient(135deg,#00b9ff,#04f2d7);position:relative;overflow:hidden;color:#fff;box-shadow:inset 0 -18px 45px rgba(0,61,91,.22)}.hero-banner:before{content:"";position:absolute;right:-20px;top:-16px;width:166px;height:166px;border-radius:50%;background:rgba(255,255,255,.22)}.hero-banner h2{position:relative;margin:20px 18px 4px;font-size:31px;line-height:1.05;font-weight:1000;text-shadow:0 3px 8px rgba(0,73,118,.35)}.hero-banner p{position:relative;margin:0 20px;font-size:16px;font-weight:900}.hero-code{position:absolute;right:48px;bottom:20px;padding:8px 12px;border-radius:12px;background:#0d3a45;font-size:22px;font-weight:1000;letter-spacing:5px}.cat-face{position:absolute;right:6px;bottom:8px;width:70px;height:70px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Ccircle cx='45' cy='48' r='31' fill='%23fff1f8'/%3E%3Ccircle cx='35' cy='45' r='5' fill='%23222'/%3E%3Ccircle cx='56' cy='45' r='5' fill='%23222'/%3E%3Cpath d='M42 57h9l-5 5z' fill='%23ff7292'/%3E%3C/svg%3E") center/cover no-repeat}.quick-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 10px 16px;text-align:center;overflow:hidden}.cat-item img{width:48px;height:48px;border-radius:50%;display:block;margin:0 auto 4px}.cat-item strong{display:block;font-size:12px;line-height:1;color:#28b5ff;font-weight:1000;text-shadow:0 1px #fff;white-space:normal}.cat-item:nth-child(2) strong{color:#ff4f8a}.cat-item:nth-child(3) strong{color:#ff9a20}.cat-item:nth-child(4) strong{color:#c65cff}.cat-item:nth-child(5) strong{color:#ff557b}.cat-item span{display:block;font-size:11px;color:#222;white-space:normal;line-height:1.15}.stat-strip{margin:0 14px 18px;background:#fff;border-radius:14px;padding:12px 10px;text-align:center;font-size:16px;box-shadow:0 1px 0 rgba(0,0,0,.02);white-space:nowrap;overflow:hidden}.stat-strip b{color:#17a9ff;font-weight:900}.filter-row{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f5f7f8;color:#31383f;font-size:16px;overflow:hidden}.filter-row button{font-weight:700}.tri{display:inline-block;margin-left:6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #232323;vertical-align:middle}.product-list{padding:0 14px 18px}.product-card{display:grid;grid-template-columns:118px minmax(0,1fr);background:#fff;border-radius:12px;padding:10px 10px 0;gap:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.03)}.product-img{width:118px;height:90px;object-fit:cover;border-radius:8px;background:#102029}.product-title{font-size:18px;line-height:1.35;font-weight:900;color:#20252b;margin:2px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag{border:1px solid #d9dee1;color:#888;background:#fff;border-radius:6px;padding:2px 7px;font-size:13px;font-weight:800}.tag.green{border-color:#28d06b;color:#12bd5e;background:#f4fff8}.deal-time{font-size:15px;color:#9b9b9b;margin-top:8px;font-weight:700}.info-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);background:#edfff9;margin:8px -10px 0;padding:14px 4px 10px;text-align:center}.info-grid b{display:block;font-size:19px;color:#555;font-weight:1000}.info-grid span{font-size:12px;color:#9b9b9b}.app-download{position:fixed;left:calc(50% - min(50vw,240px));bottom:68px;display:flex;align-items:center;gap:9px;background:#13282c;color:#fff;border:2px solid #18ead7;border-radius:0 36px 36px 0;padding:9px 17px 9px 10px;font-size:20px;font-weight:1000;z-index:20;box-shadow:0 3px 10px rgba(0,0,0,.2)}.app-download img{width:38px;height:38px}.tabbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:78px;background:#fff;border-top:1px solid #eceff2;display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a7a7a7;font-size:14px}.tabbar button.active{color:#151b20}.tabbar svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.nav-head{height:88px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eef1f3;position:sticky;top:0;z-index:12}.nav-head h1{font-size:24px;margin:0;font-weight:1000}.back{position:absolute;left:16px;top:25px;width:34px;height:34px}.back:before{content:"";display:block;width:18px;height:18px;border-left:3px solid #15191f;border-bottom:3px solid #15191f;transform:rotate(45deg);margin:8px 0 0 10px}.detail-hero{background:#fff}.detail-main-img{width:100%;height:230px;object-fit:cover;background:#102029}.refund-banner{margin:10px 12px;background:#fffbe8;border-radius:12px;padding:12px 16px;color:#81540a;font-size:14px;font-weight:900}.detail-card,.flow-card,.account-card,.shots-card,.order-card,.mine-card{background:#fff;border-radius:14px;margin:10px 0;padding:16px;box-shadow:0 1px 0 rgba(0,0,0,.03)}.detail-card{margin:0 0 10px;border-radius:0 0 14px 14px}.price-line{display:flex;align-items:flex-end;gap:8px}.price{color:#ff4562;font-size:31px;font-weight:1000}.deposit{color:#8e8e8e;font-size:15px;font-weight:800}.goods-no{font-size:13px;color:#9b9b9b;margin:6px 0}.detail-card h2{font-size:20px;line-height:1.35;margin:8px 0;font-weight:1000;word-break:break-all;overflow:hidden}.flow-card h3,.account-card h3,.shots-card h3{margin:0 0 16px;font-size:20px;font-weight:1000}.flow-steps{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;text-align:center;color:#31383f}.step-ico{font-size:31px}.step-arr{color:#d2d2d2;font-size:24px;font-weight:1000}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#effdf6;border-radius:8px;padding:14px 6px;gap:14px 2px;text-align:center}.account-grid b{display:block;font-size:19px;color:#555;font-weight:1000}.account-grid span{font-size:12px;color:#9a9a9a}.shot-img{width:100%;height:210px;object-fit:cover;border-radius:12px;background:#102029}.detail-actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:82px;background:#fff;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:10px 8px;z-index:31;box-shadow:0 -5px 16px rgba(0,0,0,.05);overflow:hidden}.chat-link{font-size:13px;font-weight:900;color:#333;white-space:nowrap}.primary-red{height:52px;border-radius:28px;background:#ff4866;color:#fff;font-size:15px;font-weight:1000;box-shadow:0 8px 16px rgba(255,72,102,.22);white-space:nowrap}.disabled-btn{height:52px;border-radius:28px;background:#f0f1f4;color:#9b9b9b;font-size:15px;font-weight:1000;white-space:nowrap}.order-page{background:#f6f7f8}.order-card .order-prod{display:flex;gap:12px}.order-card img{width:96px;height:76px;object-fit:cover;border-radius:8px}.order-card h3{font-size:17px;line-height:1.35;margin:0;font-weight:1000}.sum-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px}.sum-row b{color:#ff4b5f}.agree{display:flex;gap:8px;align-items:flex-start;margin:14px 0;color:#555;font-size:14px}.agree input{width:18px;height:18px}.pay-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:32}.pay-total b{color:#ff3f56;font-size:23px}.pay-btn{height:46px;border-radius:24px;background:#ff4866;color:#fff;padding:0 26px;font-weight:1000}.mine-page{background:#f5f7f8}.mine-hero{height:295px;background:linear-gradient(135deg,#d9feff,#dcfaef);padding:54px 16px 0;position:relative;overflow:hidden}.mine-hero:after{content:"";position:absolute;right:14px;top:56px;width:150px;height:150px;border-radius:50%;background:rgba(100,230,220,.28)}.mine-user{display:flex;align-items:center;gap:16px;position:relative;z-index:1;min-width:0}.mine-avatar{width:66px;height:66px;border-radius:50%;background:#fff;object-fit:cover;flex:0 0 auto}.mine-hello{font-size:22px}.mine-name{font-size:26px;font-weight:1000;margin-top:10px;word-break:break-all;line-height:1.08}.balance{position:absolute;left:14px;right:14px;bottom:28px;background:#ff4667;border-radius:12px;color:#fff;padding:14px 16px;box-shadow:0 18px 28px rgba(255,70,103,.25);overflow:hidden}.balance span{font-size:22px}.balance b{font-size:42px;display:block}.balance button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.18);height:54px;width:78px;border-radius:28px 0 0 28px;font-size:20px;font-weight:900}.mine-section{margin:14px 14px;background:#fff;border-radius:14px;padding:18px 10px;box-shadow:0 3px 12px rgba(0,0,0,.04);overflow:hidden}.mine-section h2{font-size:22px;margin:0 0 18px;font-weight:1000}.mine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;gap:4px}.mine-tile svg,.mine-tile img{width:32px;height:32px;margin-bottom:6px}.mine-tile span{font-size:14px;line-height:1.15;display:block;white-space:normal}.list-tabs{height:54px;background:#fff;display:flex;overflow-x:auto;border-bottom:1px solid #eef1f2}.list-tabs button{min-width:74px;font-size:16px;color:#2a3138;position:relative}.list-tabs button.active{color:#ef8b00;font-weight:900}.list-tabs button.active:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:4px;background:#ef8b00}.empty{color:#9da3aa;text-align:center;padding:60px 0;font-size:16px}.publish-wrap{padding:12px 14px 90px}.form-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:15px;color:#222;font-weight:900;margin-bottom:8px}.req{color:#ff4058}.field{width:100%;height:44px;border:1px solid #e4e8eb;border-radius:7px;background:#f9fafb;padding:0 12px;outline:none}.textarea{height:86px;padding:12px;resize:none}.upload-box{height:112px;border:1px dashed #cfd6dc;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#99a1a9;background:#fbfcfd}.publish-actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:74px;background:#fff;display:flex;gap:12px;padding:12px 14px;z-index:31}.publish-actions button{flex:1;border-radius:9px;font-weight:1000}.save-btn{background:#f1f3f5}.next-btn{background:#1dc8a0;color:#fff}.msg-page{background:#10d8bd;min-height:100vh}.msg-head{padding:18px 14px 0;color:#111}.msg-tabs{display:flex;gap:22px;font-size:19px;font-weight:900}.msg-tabs span{position:relative;padding-bottom:8px}.msg-tabs .active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:#ff4b4b;border-radius:3px}.download-strip{margin:18px 12px 12px;background:#eaffff;border-radius:8px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900}.download-strip button{background:#11c4a9;color:#fff;border-radius:16px;padding:6px 14px}.chat-list{padding:0 12px}.chat-row{display:flex;gap:12px;background:#fff;border-radius:12px;padding:13px;margin-bottom:10px;align-items:center}.chat-row img{width:52px;height:52px;border-radius:50%;object-fit:cover}.chat-row h3{font-size:17px;margin:0 0 4px;font-weight:1000}.chat-row p{font-size:13px;margin:0;color:#747b83}.chat-time{margin-left:auto;color:#a0a4aa;font-size:12px}.service-page{background:#f4f4f4;min-height:100vh;padding-bottom:84px}.service-title{height:84px;background:#fff;text-align:center;padding-top:12px;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:20}.service-title h1{font-size:22px;margin:0;font-weight:1000}.service-title p{margin:3px 0 0;color:#aaa;font-size:16px}.svc-body{padding:26px 16px}.svc-time{text-align:center;color:#aaa;margin-bottom:26px}.faq-msg{display:flex;gap:12px;align-items:flex-start}.faq-msg img{width:48px;height:48px;border-radius:50%}.speaker{color:#969b9f;margin-bottom:4px}.faq-card{background:#fff;border-radius:14px;padding:18px;min-width:0;flex:1}.faq-card h2{font-size:23px;margin:0 0 16px}.faq-card button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;color:#e79016;font-size:18px;border-bottom:1px solid #f0f0f0;text-align:left}.faq-more{text-align:center;color:#9b9b9b;font-size:18px;margin-top:8px}.chat-input{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:76px;background:#f4f4f4;display:grid;grid-template-columns:82px minmax(0,1fr) 36px 36px;gap:6px;align-items:center;padding:10px 8px;z-index:31;overflow:hidden}.guess{background:#fff;border-radius:22px;padding:11px 12px;font-size:16px;text-align:center}.chat-input input{height:48px;border:0;border-radius:24px;background:#fff;padding:0 14px;outline:none}.round-ico{width:34px;height:34px;border:2px solid #3a3f45;border-radius:50%;font-size:22px;line-height:28px;text-align:center}.group-page{background:#fff;min-height:100vh;padding-bottom:82px}.group-messages{padding:16px 12px 18px;background:#fff}.bubble-row{display:flex;gap:8px;margin-bottom:14px;align-items:flex-start}.bubble-row.me{justify-content:flex-end}.bubble-row img{width:42px;height:42px;border-radius:12px}.bubble-name{font-size:12px;color:#9da3aa;font-weight:800;margin-bottom:4px}.bubble{max-width:255px;background:#f0f0f0;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.5}.me .bubble{background:#ffc035}.group-input{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:480px;width:100%;height:72px;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:44px 1fr 60px;gap:8px;padding:10px;z-index:31}.group-input input{height:46px;border:1px solid #ddd;border-radius:8px;padding:0 12px}.send-btn{background:#ffc035;border-radius:9px;font-weight:1000}.login-panel{padding:18px}.auth-card{background:#fff;border-radius:14px;margin-top:20px;padding:20px}.auth-card h1{font-size:26px;margin:0 0 16px}.auth-card input{width:100%;height:48px;border:1px solid #e2e6ea;border-radius:8px;margin-bottom:12px;padding:0 12px}.auth-card button{width:100%;height:48px;border-radius:10px;background:#1dc8a0;color:#fff;font-weight:1000}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:rgba(0,0,0,.82);color:#fff;border-radius:22px;padding:10px 16px;z-index:99;font-size:14px}@media (min-width:481px){.app{min-height:844px}.app-download{left:calc(50% - min(50vw,240px))}}
html,body,.app{scrollbar-width:none}body::-webkit-scrollbar,.app::-webkit-scrollbar{display:none}.mine-tile{min-width:0}.mine-tile .xm-line-icon{width:46px;height:46px;display:block;margin:0 auto 7px}.mine-tile .xm-line-icon *{vector-effect:non-scaling-stroke}.mine-tile span{font-size:16px;color:#111820}.tabbar .zg-nav-icon{width:31px;height:31px}.tabbar .zg-nav-icon *{vector-effect:non-scaling-stroke}.tabbar .zg-nav-icon .nav-fill{fill:currentColor;stroke:none}.tabbar .zg-nav-icon .nav-cut{fill:#fff;stroke:none}
.msg-page{background:#18d4bd;min-height:100vh;padding-bottom:78px}.msg-head{position:relative;padding:48px 15px 0;color:#0e1418}.msg-tabs{display:flex;gap:28px;font-size:20px;line-height:30px;font-weight:900;align-items:center}.msg-tabs span{position:relative;padding-bottom:9px;white-space:nowrap}.msg-tabs .active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:4px;background:#ff3f67;border-radius:5px}.msg-clean{position:absolute;right:20px;top:50px;width:34px;height:34px;color:#288f8a;opacity:.95}.msg-clean svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.notify-strip{height:62px;margin:16px 14px 18px;border:5px solid rgba(255,255,255,.72);background:#fffff4;border-radius:15px;display:flex;align-items:center;gap:8px;padding:0 8px 0 15px;box-shadow:0 1px 0 rgba(0,0,0,.03);overflow:hidden}.notify-strip span{flex:1;min-width:0;font-size:16px;color:#34302e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-strip button{height:34px;min-width:74px;border:1.5px solid #2aa7ff;border-radius:19px;background:#fff;color:#188ee8;font-size:16px;font-weight:500;white-space:nowrap}.notify-strip button.enabled{border-color:#13b995;color:#0aa47f;background:#effff9}.download-strip,.app-download{display:none!important}.chat-list{margin-top:0;padding:0;background:#fff;border-radius:20px 20px 0 0;min-height:calc(100vh - 206px);overflow:hidden}.chat-row{width:100%;display:flex;gap:16px;background:transparent;border-radius:0;padding:24px 15px 20px;margin:0;align-items:flex-start;text-align:left}.chat-row img{width:68px;height:68px;border-radius:12px;object-fit:cover;flex:0 0 auto}.chat-row h3{font-size:23px;line-height:1.25;margin:2px 0 3px;color:#151a1f;font-weight:1000;white-space:nowrap}.chat-row p{font-size:17px;line-height:1.25;margin:0;color:#888}.chat-time{margin-left:auto;padding-top:5px;color:#8f9296;font-size:17px;white-space:nowrap;flex:0 0 auto}
