@layer base,layout,components,utilities,pages;@layer pages{.info-container{margin-bottom:20px}.button-group{margin-bottom:10px}.static-text{color:#3a89ff}.order-container{padding:20px 16px;background:#f5f5f5;min-height:100vh}.order-container .button-assets{padding-bottom:20px}.order-container .sub-title-box{margin-bottom:20px}.order-container .sub-title-box .sub-title{font-size:24px;font-weight:700;color:#333}.back{margin-bottom:16px}.back a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border-radius:8px;color:#333;text-decoration:none;transition:all .2s ease}.back a:hover{background:#e9ecef}.notice-box{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:30px;border-left:4px solid #3182ce}.notice-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;text-align:left}.notice-item:last-child{margin-bottom:0}.notice-item .notice-icon{font-size:20px;margin-right:12px;margin-top:2px;flex-shrink:0}.notice-item p{margin:0;font-size:14px;color:#2d3748;line-height:1.5}.notice-item .warning{margin-top:10px;color:#e90000ee;font-weight:500;font-size:16px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.empty-state i{font-size:48px;color:#ddd;margin-bottom:16px}.empty-state p{font-size:16px;color:#999}.order-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.order-header{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.order-header .order-date{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:4px}.order-header .order-date i{font-size:14px}.order-header .order-number{font-size:12px;opacity:.9}.order-header.cancelled{opacity:.7}.order-body{padding:16px}.order-body.cancelled{opacity:.7;background:#fafafa;border:1px solid #e5e5e5}.product-info{margin-bottom:16px}.product-info .use-date-info{color:#0c80df;font-size:14px}.product-info .product-name{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.product-info .buyer-info{display:flex;gap:12px;font-size:14px;color:#666}.product-info .buyer-info .buyer-name{font-weight:500}.product-info .buyer-info .buyer-contact:before{content:"|";margin-right:12px;color:#ddd}.product-info .product-type{padding-top:20px}.product-info .product-type .comment{font-size:.8rem;color:#464646;margin-bottom:10px}.option-list{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px}.option-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.option-item .option-name{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;color:#333}.option-item .option-name i{color:#16a34a;font-size:14px}.option-item .option-name span{flex:1}.option-item .option-name .select_status{margin-left:10px;color:#333}.option-item .option-price{font-size:15px;font-weight:600;color:#2563eb;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge.badge-primary{background:#dbeafe;color:#2563eb}.badge.badge-success{background:#dcfce7;color:#16a34a}.badge.badge-danger{background:#fee2e2;color:#dc2626}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #f0f0f0;background:#fafafa}.order-footer.cancelled{opacity:.7;background:#fafafa;border:1px solid #e5e5e5}.order-footer .total-label{font-size:14px;color:#666;font-weight:500}.order-footer .total-price{font-size:20px;font-weight:700;color:#333}.order-footer .total-price.cancelled{text-decoration:line-through;color:#999}.cancel-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#c50c0c;font-weight:500;background:#ffd4d4;padding:8px 12px;border-radius:6px;margin-top:8px;width:100%;justify-content:center}.cancel-info i{font-size:12px}.order-actions{padding:12px 16px;border-top:1px solid #f0f0f0}.order-actions .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.order-actions .btn i{font-size:14px}@media (max-width: 768px){.order-container{padding:16px 12px}.product-info .buyer-info{flex-direction:column;gap:4px}.product-info .buyer-info .buyer-contact:before{display:none}.option-item{flex-wrap:wrap}.option-item .option-name{width:100%;margin-bottom:4px}.option-item .option-price{margin-left:22px}}.used-container{color:#ec7606}}