.pay-page{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;background:radial-gradient(ellipse at top,#1a1a2e,#0a0a0f 70%);color:var(--text-primary);scroll-behavior:smooth}.pay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-panel);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pay-header-left,.pay-header-right{flex:1;display:flex;align-items:center}.pay-header-right{justify-content:flex-end}.pay-header-center{flex:0 0 auto}.pay-back{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition)}.pay-back:hover{color:var(--accent-cyan)}.pay-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.pay-points-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:20px;white-space:nowrap}.pay-main{max-width:860px;width:100%;margin:0 auto;padding:24px 16px 40px}.pay-tabs{display:flex;gap:8px;padding:4px;background:#ffffff08;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);margin-bottom:24px}.pay-tab{flex:1;padding:10px 0;border:none;background:transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pay-tab:hover{color:var(--text-primary);background:#ffffff0d}.pay-tab.active{color:var(--accent-cyan);background:#00d4ff1a;box-shadow:0 2px 8px #00d4ff33}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.btn-primary-sm{padding:10px 20px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--glow-purple)}.btn-primary-sm:active{transform:translateY(0)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.product-card{background:#ffffff08;border-radius:var(--radius);padding:20px 16px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;position:relative;cursor:pointer;transition:var(--transition)}.product-card:hover{background:#ffffff0f;border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.product-card.recommended{border-color:#fbbf2480;box-shadow:0 0 0 1px #fbbf2466,0 6px 18px #0000004d}.product-tag{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:12px;padding:2px 10px;border-radius:10px}.product-name{font-size:16px;font-weight:600;color:var(--text-primary)}.product-points{font-size:14px;color:var(--text-secondary)}.product-points .points-num{font-size:22px;font-weight:700;color:var(--accent-cyan)}.product-bonus{font-size:12px;color:#4ade80;background:#4ade801a;border-radius:8px;padding:2px 8px;align-self:flex-start}.product-desc{font-size:13px;color:#a0a0c0b3;flex:1}.product-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.product-price{font-size:18px;font-weight:700;color:#f87171}.product-price .price-unit{font-size:12px;font-weight:400;color:var(--text-secondary)}.btn-buy{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-buy:hover{opacity:.9}.btn-buy:disabled{opacity:.5;cursor:not-allowed}.pay-result{background:#ffffff08;border-radius:var(--radius);padding:20px;border:1px solid rgba(255,255,255,.08);margin-top:24px}.pay-result-body{display:flex;align-items:center;gap:16px;padding:8px 0}.pay-result-icon{font-size:40px}.pay-result-info{flex:1}.pay-result-status{font-size:16px;font-weight:600;margin-bottom:4px}.pay-result-status.status-paid{color:#4ade80}.pay-result-status.status-pending{color:#fbbf24}.pay-result-status.status-refunded{color:var(--text-secondary)}.pay-result-status.status-closed{color:#a0a0c099}.pay-result-detail{font-size:13px;color:var(--text-secondary);line-height:1.7}.orders-list,.point-records-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-card{background:#ffffff08;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:var(--transition)}.order-card:hover{background:#ffffff0f;border-color:#ffffff26}.order-info{flex:1;min-width:0}.order-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.order-meta{font-size:12px;color:var(--text-secondary);line-height:1.6}.order-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.order-amount{font-size:16px;font-weight:700;color:#f87171}.order-status{font-size:12px;padding:2px 10px;border-radius:10px}.order-status.status-paid{background:#4ade801a;color:#4ade80}.order-status.status-pending{background:#fbbf241a;color:#fbbf24}.order-status.status-refunded{background:#a0a0c026;color:var(--text-secondary)}.order-status.status-closed{background:#a0a0c01a;color:#a0a0c099}.btn-query{font-size:12px;color:var(--accent-cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;padding:3px 10px;cursor:pointer;transition:var(--transition)}.btn-query:hover{background:#00d4ff33}.pointcode-form{display:flex;flex-direction:column;gap:12px}.pointcode-input-group{display:flex;gap:12px;align-items:center}.pointcode-input{flex:1;padding:12px 16px;font-size:.95rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-primary);outline:none;transition:var(--transition)}.pointcode-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--glow-cyan)}.pointcode-input::placeholder{color:#a0a0c080}.pointcode-message{padding:12px 16px;font-size:.9rem;border-radius:var(--radius-sm)}.pointcode-message.success{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.pointcode-message.error{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3)}.point-record-card{background:#ffffff08;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);padding:14px 16px;transition:var(--transition)}.point-record-card:hover{background:#ffffff0f;border-color:#ffffff26}.point-record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.point-record-reason{font-size:14px;color:var(--text-primary);font-weight:500}.point-record-change{font-size:16px;font-weight:700}.point-record-change.positive{color:#4ade80}.point-record-change.negative{color:#f87171}.point-record-details{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.point-record-code{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:1px 8px;font-family:Consolas,Monaco,monospace;font-size:.8rem;color:var(--accent-cyan)}.point-record-balance{color:var(--text-secondary)}.pay-empty{padding:40px 16px;text-align:center;color:var(--text-secondary);font-size:14px;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius)}.pay-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.pay-page-info{font-size:13px;color:var(--text-secondary)}.pay-loading{text-align:center;padding:40px 16px;color:var(--text-secondary);font-size:14px}.hidden{display:none!important}@media (max-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card{padding:14px 12px}.product-points .points-num{font-size:18px}.order-card{flex-direction:column;align-items:flex-start}.order-right{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}