:root{--iphone-orange: #e89d67;--iphone-orange-dark: #c07b4a;--bg-gray: #f2f2f7;--text-main: #333333;--text-secondary: #888888;--pdd-red: #e02e24;--pdd-green: #07c160;--sc: .666}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.phone-container{position:relative;width:calc(414px * var(--sc));aspect-ratio:1000 / 2028;margin:0 auto;background-image:url(/pics/a.PNG?v=2);background-size:100% 100%;background-repeat:no-repeat;z-index:10}.phone-inner{position:absolute;inset:2.5% 5.7% 2.2%;background:#000;border-radius:calc(64px * var(--sc));overflow:hidden!important;display:flex;flex-direction:column;box-shadow:inset 0 0 calc(15px * var(--sc)) #000000e6}.dynamic-island{position:absolute;top:calc(17px * var(--sc));left:50%;transform:translate(-50%);width:calc(120px * var(--sc));height:calc(35px * var(--sc));background:#000;border-radius:calc(20px * var(--sc));z-index:200;border:.5px solid rgba(255,255,255,.08)}.screen-content{flex:1;width:calc(100% - calc(8px * var(--sc)));margin:0 auto calc(4px * var(--sc)) auto;background-color:var(--bg-gray);overflow-y:auto;position:relative;color:var(--text-main);scrollbar-width:none;-ms-overflow-style:none;border-radius:calc(54px * var(--sc))}.screen-content::-webkit-scrollbar{display:none}.status-bar{height:calc(68px * var(--sc));display:flex;justify-content:space-between;align-items:center;padding:calc(6px * var(--sc)) calc(34px * var(--sc)) 0 calc(34px * var(--sc));font-size:calc(19px * var(--sc));font-weight:600;color:#000;z-index:120;position:relative}.status-left{flex:1;display:flex;align-items:center}.status-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:calc(3px * var(--sc))}.signal-bars{display:flex;align-items:flex-end;gap:calc(2px * var(--sc));height:calc(12px * var(--sc))}.bar{width:calc(3px * var(--sc));background:#000;border-radius:calc(1px * var(--sc))}.bar-1{height:calc(4px * var(--sc))}.bar-2{height:calc(6px * var(--sc))}.bar-3{height:calc(9px * var(--sc))}.bar-4{height:calc(12px * var(--sc));opacity:.3}.battery{width:calc(22px * var(--sc));height:calc(12px * var(--sc));border:calc(1px * var(--sc)) solid rgba(0,0,0,.3);border-radius:calc(3px * var(--sc));position:relative;padding:calc(1px * var(--sc))}.battery:after{content:"";position:absolute;right:calc(-3px * var(--sc));top:calc(3px * var(--sc));width:calc(2px * var(--sc));height:calc(4px * var(--sc));background:#0000004d;border-radius:0 calc(1px * var(--sc)) calc(1px * var(--sc)) 0}.battery-level{height:100%;background:#000;border-radius:calc(1px * var(--sc))}.wifi-icon{width:calc(20px * var(--sc));height:calc(17px * var(--sc));display:flex;align-items:center;justify-content:center}.page-header{background:#fff;padding:calc(15px * var(--sc)) calc(16px * var(--sc));display:flex;align-items:center;border-bottom:calc(1px * var(--sc)) solid #eee}.back-icon{width:calc(24px * var(--sc));height:calc(24px * var(--sc));margin-right:calc(120px * var(--sc));cursor:pointer;display:flex;align-items:center}.header-title-app{font-size:calc(15px * var(--sc));font-weight:600;color:#07c160}.chevron-right{width:calc(12px * var(--sc));height:calc(12px * var(--sc));margin-left:calc(4px * var(--sc));opacity:.3}.order-container{padding:calc(12px * var(--sc))}.card{background:#fff;border-radius:calc(12px * var(--sc));padding:calc(15px * var(--sc)) calc(12px * var(--sc));margin-bottom:calc(12px * var(--sc))}.store-info{display:flex;align-items:center;margin-bottom:calc(15px * var(--sc));font-size:calc(15px * var(--sc));font-weight:600}.store-icon{width:calc(20px * var(--sc));height:calc(20px * var(--sc));background:var(--pdd-green);color:#fff;border-radius:calc(4px * var(--sc));display:flex;align-items:center;justify-content:center;font-size:calc(10px * var(--sc));margin-right:calc(8px * var(--sc))}.product-card{display:flex;gap:calc(12px * var(--sc));margin-bottom:calc(15px * var(--sc))}.product-img{width:calc(90px * var(--sc));height:calc(90px * var(--sc));border-radius:calc(8px * var(--sc));-o-object-fit:cover;object-fit:cover;background:#f8f8f8}.product-details{flex:1}.product-title{font-size:calc(15px * var(--sc));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:calc(8px * var(--sc))}.price-row{display:flex;justify-content:space-between;align-items:center}.price{font-size:calc(15px * var(--sc));font-weight:500;color:#666}.qty{color:#999;font-size:calc(15px * var(--sc))}.tag-pill{display:inline-block;background:#e8f7ed;color:var(--pdd-green);font-size:calc(12px * var(--sc));padding:calc(2px * var(--sc)) calc(6px * var(--sc));border-radius:calc(4px * var(--sc));margin-top:calc(5px * var(--sc))}.action-buttons-row{display:flex;justify-content:flex-end;gap:calc(10px * var(--sc));margin-top:calc(15px * var(--sc))}.btn-outline{border:calc(1px * var(--sc)) solid #7a7a7a;padding:calc(5px * var(--sc)) calc(12px * var(--sc));border-radius:calc(4px * var(--sc));font-size:calc(15px * var(--sc));color:#333;background:#fff}.btn-red-outline{border:calc(1px * var(--sc)) solid #7a7a7a;color:#333;padding:calc(5px * var(--sc)) calc(12px * var(--sc));border-radius:calc(4px * var(--sc));font-size:calc(15px * var(--sc));background:#fff}.summary-row{display:flex;justify-content:flex-end;align-items:baseline;gap:calc(10px * var(--sc));padding:calc(10px * var(--sc)) 0;border-top:calc(1px * var(--sc)) solid #f8f8f8;margin-top:calc(10px * var(--sc))}.summary-label{font-size:calc(15px * var(--sc));color:var(--pdd-red)}.final-price-label{font-size:calc(15px * var(--sc));color:#333;margin-left:auto}.final-price{font-size:calc(15px * var(--sc));font-weight:700;color:var(--pdd-red)}.details-list{display:flex;flex-direction:column;gap:calc(12px * var(--sc))}.detail-item{display:flex;justify-content:space-between;font-size:calc(15px * var(--sc))}.detail-label{color:#888}.detail-value{color:#333;font-weight:500}.order-info-list{border-top:calc(1px * var(--sc)) solid #f8f8f8;padding-top:calc(15px * var(--sc));margin-top:calc(15px * var(--sc))}.order-info-item{display:flex;align-items:center;margin-bottom:calc(10px * var(--sc));font-size:calc(15px * var(--sc));color:#888}.info-label{width:calc(70px * var(--sc))}.info-value{flex:1;color:#666}.copy-btn{background:#f0f0f0;padding:calc(2px * var(--sc)) calc(8px * var(--sc));border-radius:calc(4px * var(--sc));font-size:calc(15px * var(--sc));color:#333;margin-left:calc(10px * var(--sc))}.bottom-actions{position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:calc(12px * var(--sc)) calc(12px * var(--sc)) calc(40px * var(--sc)) calc(12px * var(--sc));display:flex;justify-content:flex-end;gap:calc(6px * var(--sc));box-shadow:0 calc(-2px * var(--sc)) calc(10px * var(--sc)) #0000000d;border-radius:0 0 calc(54px * var(--sc)) calc(54px * var(--sc))}.btn-main{border:calc(1px * var(--sc)) solid #7a7a7a;padding:calc(5px * var(--sc)) calc(12px * var(--sc));border-radius:calc(4px * var(--sc));font-size:calc(15px * var(--sc));font-weight:400;background-color:#fff;color:#333;white-space:nowrap;flex-shrink:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none}.btn-text{border:none;background:none;font-size:calc(15px * var(--sc));color:#333;padding:calc(5px * var(--sc)) calc(4px * var(--sc));margin-right:auto;display:flex;align-items:center}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease}.flash-overlay.active{opacity:1;transition:none}.shortcut-modal{position:absolute;bottom:-100%;left:calc(4px * var(--sc));width:calc(100% - calc(8px * var(--sc)));height:96%;background:#f2f2f7;border-radius:calc(20px * var(--sc)) calc(20px * var(--sc)) 0 0;z-index:500;box-shadow:0 calc(-10px * var(--sc)) calc(30px * var(--sc)) #00000026;transition:transform .6s cubic-bezier(.2,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.checkout-circle{position:absolute;right:calc(16px * var(--sc));width:calc(32px * var(--sc));height:calc(32px * var(--sc));background-color:#1bb1f2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.shortcut-modal.show{transform:translateY(-100%)}.shortcut-header{padding:calc(18px * var(--sc)) calc(16px * var(--sc));display:flex;justify-content:center;align-items:center;background:#f2f2f7;position:relative}.shortcut-title{font-weight:600;font-size:calc(18px * var(--sc));color:#000;letter-spacing:calc(.5px * var(--sc))}.shortcut-content{flex:1;background:#f2f2f7;overflow-y:auto;position:relative;padding-top:calc(10px * var(--sc));scrollbar-width:none;-ms-overflow-style:none}.shortcut-content::-webkit-scrollbar{display:none}.printer-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.printer-casing{width:calc(298px * var(--sc))!important;position:absolute;left:50%;transform:translate(-50%)}.printer-top{top:0;height:calc(70px * var(--sc));background:linear-gradient(180deg,#444,#2a2a2a);border-radius:calc(12px * var(--sc)) calc(12px * var(--sc)) calc(4px * var(--sc)) calc(4px * var(--sc));box-shadow:0 calc(8px * var(--sc)) calc(15px * var(--sc)) #0006;border-bottom:calc(2px * var(--sc)) solid #111;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 calc(20px * var(--sc));box-sizing:border-box}.brand-logo{color:#ffffff26;font-weight:900;font-size:calc(18px * var(--sc));letter-spacing:calc(2px * var(--sc));text-transform:uppercase}.led{width:calc(6px * var(--sc));height:calc(6px * var(--sc));border-radius:50%;background:#32cd32;box-shadow:0 0 calc(8px * var(--sc)) #32cd32}.led.active{animation:blink .2s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.4}}.icost-switch{position:relative;width:calc(46px * var(--sc));height:calc(24px * var(--sc));background-color:#111;border-radius:calc(12px * var(--sc));transition:background-color .3s;box-shadow:inset 0 calc(2px * var(--sc)) calc(5px * var(--sc)) #000c,0 1px 1px #ffffff26}.icost-switch:after{content:"";position:absolute;top:calc(2px * var(--sc));left:calc(2px * var(--sc));width:calc(20px * var(--sc));height:calc(20px * var(--sc));background-color:#666;border-radius:50%;box-shadow:0 calc(2px * var(--sc)) calc(4px * var(--sc)) #0009;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s}.icost-switch.active{background-color:#ffd60a}.icost-switch.active:after{transform:translate(calc(22px * var(--sc)));background-color:#fff}.printer-bottom{width:100%;top:calc(55px * var(--sc));height:calc(40px * var(--sc));background:#252525;border-radius:0 0 calc(12px * var(--sc)) calc(12px * var(--sc));z-index:10;box-shadow:0 calc(15px * var(--sc)) calc(30px * var(--sc)) #0000004d}.printer-slot{position:absolute;top:calc(10px * var(--sc));left:50%;transform:translate(-50%);width:calc(244px * var(--sc));height:calc(8px * var(--sc));background:#030303;border-radius:calc(4px * var(--sc));box-shadow:inset 0 calc(2px * var(--sc)) calc(5px * var(--sc)) #000000e6}.paper-mask{top:calc(70px * var(--sc));position:relative;width:calc(239px * var(--sc));overflow:hidden;z-index:20;padding-bottom:calc(50px * var(--sc));margin-bottom:calc(80px * var(--sc))}.receipt{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");width:100%;padding:calc(15px * var(--sc)) calc(15px * var(--sc)) calc(30px * var(--sc)) calc(15px * var(--sc));box-shadow:0 calc(2px * var(--sc)) calc(10px * var(--sc)) #0000001a;font-family:SF Mono,ui-monospace,Cascadia Mono,Segoe UI Mono,Liberation Mono,Menlo,Monaco,Consolas,monospace;color:#333;font-size:calc(15px * var(--sc));line-height:1.5;transform:translateY(-100%);position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - calc(10px * var(--sc))),95% 100%,90% calc(100% - calc(10px * var(--sc))),85% 100%,80% calc(100% - calc(10px * var(--sc))),75% 100%,70% calc(100% - calc(10px * var(--sc))),65% 100%,60% calc(100% - calc(10px * var(--sc))),55% 100%,50% calc(100% - calc(10px * var(--sc))),45% 100%,40% calc(100% - calc(10px * var(--sc))),35% 100%,30% calc(100% - calc(10px * var(--sc))),25% 100%,20% calc(100% - calc(10px * var(--sc))),15% 100%,10% calc(100% - calc(10px * var(--sc))),5% 100%,0 calc(100% - calc(10px * var(--sc))))}.receipt-title{text-align:center;font-weight:700;font-size:calc(20px * var(--sc));margin:0 0 calc(10px * var(--sc)) 0;padding:calc(4px * var(--sc));color:#000}.divider{border-top:calc(1px * var(--sc)) dashed #ccc;margin:calc(10px * var(--sc)) 0;width:100%}.row-single{display:flex;justify-content:flex-start;margin-bottom:calc(1px * var(--sc));align-items:flex-start;min-height:calc(20px * var(--sc))}.label{color:#888;margin-right:calc(6px * var(--sc));flex-shrink:0;font-size:calc(15px * var(--sc))}.value{font-weight:600;color:#000;font-size:calc(15px * var(--sc));padding:calc(2px * var(--sc)) calc(4px * var(--sc));border-radius:calc(3px * var(--sc));word-wrap:break-word;word-break:break-all;white-space:normal;flex-grow:1;min-height:calc(22px * var(--sc))}.amount-container{display:flex;width:100%;gap:calc(15px * var(--sc));align-items:center}.amount-left{flex:1;display:flex;flex-direction:column;gap:calc(8px * var(--sc))}.bill-image-placeholder{width:calc(60px * var(--sc));height:calc(60px * var(--sc));background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:calc(1px * var(--sc)) dashed #ddd;border-radius:calc(8px * var(--sc));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:inset 0 calc(2px * var(--sc)) calc(4px * var(--sc)) #0000000d}.receipt-barcode{font-family:"Libre Barcode 128",cursive;font-size:calc(45px * var(--sc));text-align:center;margin-top:calc(10px * var(--sc));margin-bottom:calc(2px * var(--sc));height:calc(35px * var(--sc));line-height:.7;color:#000;display:block;transform:scaleX(1.1)}.blessing-text{text-align:center;color:#ff3b30;font-weight:700;font-size:calc(15px * var(--sc));padding:calc(10px * var(--sc)) calc(10px * var(--sc)) calc(5px * var(--sc)) calc(10px * var(--sc));margin-top:calc(5px * var(--sc))}.phone-visual-wrapper-unused{position:relative;width:calc(450px * var(--sc));height:calc(730px * var(--sc));overflow:hidden;margin:0 auto}.phone-visual-wrapper{position:relative;width:calc(414px * var(--sc));height:calc(546px * var(--sc));overflow:hidden;margin:0 auto;display:flex;justify-content:center;align-items:flex-start}.phone-slit-line{position:absolute;bottom:0;left:0;width:100%;height:calc(1px * var(--sc));background:#ffffff40;z-index:100;box-shadow:0 calc(-20px * var(--sc)) calc(50px * var(--sc)) #000,0 calc(-40px * var(--sc)) calc(80px * var(--sc)) #000000f2,0 calc(-10px * var(--sc)) calc(20px * var(--sc)) #000}