@keyframes cyberpunk-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bill-detail-page{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bill-detail-page .page-header{background:#fff;box-shadow:0 .03rem .11rem rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.bill-detail-page .page-content{padding:.27rem;display:flex;flex-direction:column;gap:.27rem}.bill-detail-page .overview-section .overview-card{background:#fff;border-radius:.21rem;padding:.32rem;box-shadow:0 .05rem .27rem rgba(0,0,0,.08)}.bill-detail-page .overview-section .overview-card .transaction-header{display:flex;align-items:center;gap:.27rem}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-icon .icon-image{width:1.07rem;height:1.07rem;border-radius:.16rem;box-shadow:0 .03rem .11rem rgba(0,0,0,.1)}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info{flex:1}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-title{font-size:.37rem;font-weight:600;color:#333;margin:0 0 .16rem 0;line-height:1.4}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-amount{font-size:.48rem;font-weight:700;line-height:1.2}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-amount.income{color:#10b981}.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-amount.expense{color:#ef4444}.bill-detail-page .status-section .status-card{background:#fff;border-radius:.21rem;padding:.32rem;box-shadow:0 .05rem .27rem rgba(0,0,0,.08)}.bill-detail-page .status-section .status-card .status-header{display:flex;align-items:center;gap:.16rem;margin-bottom:.21rem}.bill-detail-page .status-section .status-card .status-header .status-title{font-size:.32rem;font-weight:600;color:#333;margin:0}.bill-detail-page .status-section .status-card .status-content .status-badge{display:inline-block;padding:.11rem .21rem;border-radius:.27rem;font-size:.27rem;font-weight:500}.bill-detail-page .status-section .status-card .status-content .status-badge.status-success{background:#dcfce7;color:#166534}.bill-detail-page .status-section .status-card .status-content .status-badge.status-processing{background:#dbeafe;color:#1e40af}.bill-detail-page .status-section .status-card .status-content .status-badge.status-cancelled{background:#f3f4f6;color:#6b7280}.bill-detail-page .status-section .status-card .status-content .status-badge.status-failed{background:#fee2e2;color:#dc2626}.bill-detail-page .status-section .status-card .status-content .status-badge.status-pending{background:#fef3c7;color:#d97706}.bill-detail-page .status-section .status-card .status-content .status-badge.status-default{background:#f3f4f6;color:#6b7280}.bill-detail-page .details-section .details-card{background:#fff;border-radius:.21rem;padding:.32rem;box-shadow:0 .05rem .27rem rgba(0,0,0,.08)}.bill-detail-page .details-section .details-card .details-title{font-size:.32rem;font-weight:600;color:#333;margin:0 0 .27rem 0;padding-bottom:.16rem;border-bottom:.01rem solid #f0f0f0}.bill-detail-page .details-section .details-card .details-list .detail-item{display:flex;align-items:center;justify-content:space-between;padding:.21rem 0;border-bottom:.01rem solid #f8f9fa}.bill-detail-page .details-section .details-card .details-list .detail-item:last-child{border-bottom:none}.bill-detail-page .details-section .details-card .details-list .detail-item.clickable{cursor:pointer;transition:all .2s ease}.bill-detail-page .details-section .details-card .details-list .detail-item.clickable:hover{background:#f8f9fa;border-radius:.11rem;padding-left:.16rem;padding-right:.16rem}.bill-detail-page .details-section .details-card .details-list .detail-item .detail-label{display:flex;align-items:center;gap:.11rem;font-size:.32rem;color:#666;min-width:1.6rem}.bill-detail-page .details-section .details-card .details-list .detail-item .detail-label span{font-weight:500}.bill-detail-page .details-section .details-card .details-list .detail-item .detail-value{flex:1;text-align:right;font-size:.32rem;color:#333;display:flex;align-items:center;justify-content:flex-end;gap:.11rem;word-break:break-all}@media (max-width:375px){.bill-detail-page .page-content{padding:.21rem;gap:.21rem}.bill-detail-page .details-section .details-card,.bill-detail-page .details-section .overview-card,.bill-detail-page .details-section .status-card,.bill-detail-page .overview-section .details-card,.bill-detail-page .overview-section .overview-card,.bill-detail-page .overview-section .status-card,.bill-detail-page .status-section .details-card,.bill-detail-page .status-section .overview-card,.bill-detail-page .status-section .status-card{padding:.27rem}.bill-detail-page .details-section .details-card .transaction-header,.bill-detail-page .details-section .overview-card .transaction-header,.bill-detail-page .details-section .status-card .transaction-header,.bill-detail-page .overview-section .details-card .transaction-header,.bill-detail-page .overview-section .overview-card .transaction-header,.bill-detail-page .overview-section .status-card .transaction-header,.bill-detail-page .status-section .details-card .transaction-header,.bill-detail-page .status-section .overview-card .transaction-header,.bill-detail-page .status-section .status-card .transaction-header{gap:.21rem}.bill-detail-page .details-section .details-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .details-section .overview-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .details-section .status-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .overview-section .details-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .overview-section .overview-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .overview-section .status-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .status-section .details-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .status-section .overview-card .transaction-header .transaction-icon .icon-image,.bill-detail-page .status-section .status-card .transaction-header .transaction-icon .icon-image{width:.85rem;height:.85rem}.bill-detail-page .details-section .details-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .details-section .overview-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .details-section .status-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .overview-section .details-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .overview-section .status-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .status-section .details-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .status-section .overview-card .transaction-header .transaction-info .transaction-title,.bill-detail-page .status-section .status-card .transaction-header .transaction-info .transaction-title{font-size:.32rem}.bill-detail-page .details-section .details-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .details-section .overview-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .details-section .status-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .overview-section .details-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .overview-section .overview-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .overview-section .status-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .status-section .details-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .status-section .overview-card .transaction-header .transaction-info .transaction-amount,.bill-detail-page .status-section .status-card .transaction-header .transaction-info .transaction-amount{font-size:.43rem}.bill-detail-page .details-section .details-card .details-title,.bill-detail-page .details-section .details-card .status-header .status-title,.bill-detail-page .details-section .overview-card .details-title,.bill-detail-page .details-section .overview-card .status-header .status-title,.bill-detail-page .details-section .status-card .details-title,.bill-detail-page .details-section .status-card .status-header .status-title,.bill-detail-page .overview-section .details-card .details-title,.bill-detail-page .overview-section .details-card .status-header .status-title,.bill-detail-page .overview-section .overview-card .details-title,.bill-detail-page .overview-section .overview-card .status-header .status-title,.bill-detail-page .overview-section .status-card .details-title,.bill-detail-page .overview-section .status-card .status-header .status-title,.bill-detail-page .status-section .details-card .details-title,.bill-detail-page .status-section .details-card .status-header .status-title,.bill-detail-page .status-section .overview-card .details-title,.bill-detail-page .status-section .overview-card .status-header .status-title,.bill-detail-page .status-section .status-card .details-title,.bill-detail-page .status-section .status-card .status-header .status-title{font-size:.27rem}.bill-detail-page .details-section .details-card .details-list .detail-item,.bill-detail-page .details-section .overview-card .details-list .detail-item,.bill-detail-page .details-section .status-card .details-list .detail-item,.bill-detail-page .overview-section .details-card .details-list .detail-item,.bill-detail-page .overview-section .overview-card .details-list .detail-item,.bill-detail-page .overview-section .status-card .details-list .detail-item,.bill-detail-page .status-section .details-card .details-list .detail-item,.bill-detail-page .status-section .overview-card .details-list .detail-item,.bill-detail-page .status-section .status-card .details-list .detail-item{padding:.16rem 0}.bill-detail-page .details-section .details-card .details-list .detail-item .detail-label,.bill-detail-page .details-section .overview-card .details-list .detail-item .detail-label,.bill-detail-page .details-section .status-card .details-list .detail-item .detail-label,.bill-detail-page .overview-section .details-card .details-list .detail-item .detail-label,.bill-detail-page .overview-section .overview-card .details-list .detail-item .detail-label,.bill-detail-page .overview-section .status-card .details-list .detail-item .detail-label,.bill-detail-page .status-section .details-card .details-list .detail-item .detail-label,.bill-detail-page .status-section .overview-card .details-list .detail-item .detail-label,.bill-detail-page .status-section .status-card .details-list .detail-item .detail-label{font-size:.27rem;min-width:1.33rem}.bill-detail-page .details-section .details-card .details-list .detail-item .detail-value,.bill-detail-page .details-section .overview-card .details-list .detail-item .detail-value,.bill-detail-page .details-section .status-card .details-list .detail-item .detail-value,.bill-detail-page .overview-section .details-card .details-list .detail-item .detail-value,.bill-detail-page .overview-section .overview-card .details-list .detail-item .detail-value,.bill-detail-page .overview-section .status-card .details-list .detail-item .detail-value,.bill-detail-page .status-section .details-card .details-list .detail-item .detail-value,.bill-detail-page .status-section .overview-card .details-list .detail-item .detail-value,.bill-detail-page .status-section .status-card .details-list .detail-item .detail-value{font-size:.27rem}}