:root{--gp-primary: #1a4f8f;--gp-primary-light: #2d6ab3;--gp-primary-bg: #e8f0fe;--gp-primary-gradient: linear-gradient(135deg, #1a4f8f, #2d6ab3);--gp-primary-rgb: 26, 79, 143;--gp-success: #1c7f45;--gp-success-light: #27a05a;--gp-success-bg: #e6f7ed;--gp-warning: #b8860b;--gp-warning-light: #d4a017;--gp-warning-bg: #fff8e6;--gp-danger: #a83836;--gp-danger-light: #c94442;--gp-danger-bg: #fde8e8;--gp-info: #0369a1;--gp-info-light: #0284c7;--gp-info-bg: #e0f2fe;--gp-text-primary: #1a1a1a;--gp-text-secondary: #5d6b7c;--gp-text-hint: #999;--gp-text-white: #ffffff;--gp-bg-page: #f5f7fa;--gp-bg-card: #ffffff;--gp-bg-hover: #f8fafc;--gp-border: #e0e4ea;--gp-border-light: #f0f2f5;--gp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--gp-shadow-md: 0 4px 16px rgba(26, 79, 143, .08);--gp-shadow-lg: 0 8px 32px rgba(26, 79, 143, .12);--gp-shadow-btn: 0 4px 12px rgba(26, 79, 143, .25);--gp-shadow-btn-hover: 0 6px 20px rgba(26, 79, 143, .35);--gp-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--gp-font-xs: 13px;--gp-font-sm: 14px;--gp-font-base: 15px;--gp-font-md: 16px;--gp-font-lg: 18px;--gp-font-xl: 22px;--gp-font-2xl: 28px;--gp-radius-sm: 6px;--gp-radius-md: 8px;--gp-radius-lg: 12px;--gp-radius-xl: 16px;--gp-space-xs: 8px;--gp-space-sm: 12px;--gp-space-md: 16px;--gp-space-lg: 24px;--gp-space-xl: 32px;--gp-ease-smooth: cubic-bezier(.4, 0, .2, 1);--gp-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--gp-duration-fast: .15s;--gp-duration-normal: .25s;--gp-duration-slow: .4s;--gp-header-height: 56px;--gp-sidebar-width: 220px;--gp-content-max: 100%}:root{--el-color-primary: var(--gp-primary);--el-color-primary-light-3: #4a7cb8;--el-color-primary-light-5: #7aa3d0;--el-color-primary-light-7: #aacae8;--el-color-primary-light-8: #c2daf0;--el-color-primary-light-9: #daeaf7;--el-color-primary-dark-2: #153f72;--el-color-success: var(--gp-success);--el-color-warning: var(--gp-warning);--el-color-danger: var(--gp-danger);--el-color-info: var(--gp-info);--el-border-radius-base: var(--gp-radius-md);--el-border-radius-small: var(--gp-radius-sm);--el-border-radius-round: 20px;--el-font-family: var(--gp-font-family);--el-bg-color-page: var(--gp-bg-page);--el-border-color: var(--gp-border);--el-border-color-light: var(--gp-border-light);--el-fill-color-light: var(--gp-bg-hover)}.el-button--primary{background:var(--gp-primary-gradient);border-color:var(--gp-primary);border-radius:var(--gp-radius-md);font-weight:500;letter-spacing:.5px;transition:all var(--gp-duration-normal) var(--gp-ease-smooth);color:#fff!important}.el-button--primary:hover,.el-button--primary:focus{background:var(--gp-primary-gradient);border-color:var(--gp-primary-light);transform:translateY(-1px);box-shadow:var(--gp-shadow-btn-hover);color:#fff!important}.el-button--primary:active{transform:translateY(0);box-shadow:var(--gp-shadow-btn);color:#fff!important}.el-button--primary.is-disabled{opacity:.55;transform:none;box-shadow:none;color:#fff!important}.el-button--default{border-radius:var(--gp-radius-md);color:var(--gp-text-secondary);border-color:var(--gp-border);transition:all var(--gp-duration-normal) var(--gp-ease-smooth)}.el-button--default:hover,.el-button--default:focus{color:var(--gp-primary);border-color:var(--gp-primary);background:var(--gp-primary-bg)}.el-button--danger{background:linear-gradient(135deg,var(--gp-danger),var(--gp-danger-light));border-color:var(--gp-danger);border-radius:var(--gp-radius-md);color:#fff}.el-button--danger:hover{background:linear-gradient(135deg,var(--gp-danger),var(--gp-danger-light));border-color:var(--gp-danger-light);transform:translateY(-1px);box-shadow:0 4px 12px #a8383640}.el-button--success{background:linear-gradient(135deg,var(--gp-success),var(--gp-success-light));border-color:var(--gp-success);border-radius:var(--gp-radius-md)}.el-button--warning{background:linear-gradient(135deg,var(--gp-warning),var(--gp-warning-light));border-color:var(--gp-warning);border-radius:var(--gp-radius-md);color:#fff}.el-button--success{background:linear-gradient(135deg,var(--gp-success),var(--gp-success-light));border-color:var(--gp-success);border-radius:var(--gp-radius-md);color:#fff}.el-button--info{background:linear-gradient(135deg,var(--gp-info),var(--gp-info-light));border-color:var(--gp-info);border-radius:var(--gp-radius-md);color:#fff}.el-button--info:hover,.el-button--info:focus{background:linear-gradient(135deg,var(--gp-info),var(--gp-info-light));border-color:var(--gp-info-light);transform:translateY(-1px);box-shadow:0 4px 12px #0369a140;color:#fff}.el-button--info.is-disabled{opacity:.55;transform:none;box-shadow:none;color:#fff!important;background:linear-gradient(135deg,var(--gp-info),var(--gp-info-light));border-color:var(--gp-info)}.el-button.is-text{background:transparent;border:none;color:var(--gp-primary)}.el-button.is-text:hover,.el-button.is-text:focus{color:var(--gp-primary-dark, #153f72);background:var(--gp-primary-bg, rgba(26, 76, 158, .06))}.el-button.is-text.el-button--danger{color:var(--gp-danger)}.el-button.is-text.el-button--danger:hover,.el-button.is-text.el-button--danger:focus{color:var(--gp-danger-light, #e05a58);background:#f56c6c0f}.el-button.is-text.el-button--success{color:var(--gp-success)}.el-button.is-text.el-button--success:hover,.el-button.is-text.el-button--success:focus{color:var(--gp-success-light, #5ec98a);background:#67c23a0f}.el-button{border-radius:var(--gp-radius-md);font-family:var(--gp-font-family)}.el-input__wrapper{border-radius:var(--gp-radius-md);box-shadow:0 0 0 1px var(--gp-border) inset;transition:box-shadow var(--gp-duration-fast) var(--gp-ease-smooth)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--gp-primary-light) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--gp-primary) inset,0 0 0 3px rgba(var(--gp-primary-rgb),.12)}.el-input__inner{font-family:var(--gp-font-family);font-size:var(--gp-font-base)}.el-select .el-input__wrapper{border-radius:var(--gp-radius-md)}.el-textarea__inner{border-radius:var(--gp-radius-md);border-color:var(--gp-border);font-family:var(--gp-font-family)}.el-textarea__inner:focus{border-color:var(--gp-primary);box-shadow:0 0 0 3px rgba(var(--gp-primary-rgb),.12)}.el-card{border-radius:var(--gp-radius-lg);border:1px solid var(--gp-border);box-shadow:var(--gp-shadow-sm);transition:box-shadow var(--gp-duration-normal) var(--gp-ease-smooth)}.el-card__body{padding:var(--gp-space-lg)}.el-table{--el-table-border-color: var(--gp-border);--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: var(--gp-primary-bg);font-size:var(--gp-font-sm)}.el-table th.el-table__cell{font-weight:600;color:var(--gp-text-primary);font-size:var(--gp-font-sm)}.el-table .el-table__cell{padding:12px 0}.el-dialog{border-radius:var(--gp-radius-lg);box-shadow:var(--gp-shadow-lg);overflow:hidden}.el-dialog__header{padding:var(--gp-space-lg) var(--gp-space-lg) var(--gp-space-md);border-bottom:1px solid var(--gp-border-light)}.el-dialog__title{font-size:var(--gp-font-lg);font-weight:600;color:var(--gp-text-primary)}.el-dialog__body{padding:var(--gp-space-lg)}.el-dialog__headerbtn:hover .el-dialog__close{color:var(--gp-danger)}.el-steps{font-family:var(--gp-font-family)}.el-step__head.is-finish,.el-step__head.is-process{color:var(--gp-primary);border-color:var(--gp-primary)}.el-step__title.is-finish{color:var(--gp-primary)}.el-step__title.is-process{color:var(--gp-primary);font-weight:600}.el-step__head.is-wait{color:var(--gp-text-hint);border-color:var(--gp-border)}.el-step__title.is-wait{color:var(--gp-text-hint)}.el-tabs__item.is-active{color:var(--gp-primary);font-weight:600}.el-tabs__item:hover{color:var(--gp-primary-light)}.el-tabs__active-bar{background-color:var(--gp-primary)}.el-pagination{font-family:var(--gp-font-family);--el-pagination-button-bg-color: var(--gp-bg-card)}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:var(--gp-radius-sm)}.el-pagination .el-pager li.is-active{background:var(--gp-primary-gradient);color:#fff}.el-tag{border-radius:var(--gp-radius-sm);font-size:var(--gp-font-xs)}.el-tag--success{--el-tag-bg-color: var(--gp-success-bg);--el-tag-border-color: var(--gp-success);--el-tag-text-color: var(--gp-success)}.el-tag--warning{--el-tag-bg-color: var(--gp-warning-bg);--el-tag-border-color: var(--gp-warning);--el-tag-text-color: var(--gp-warning)}.el-tag--danger{--el-tag-bg-color: var(--gp-danger-bg);--el-tag-border-color: var(--gp-danger);--el-tag-text-color: var(--gp-danger)}.el-tag--info{--el-tag-bg-color: var(--gp-info-bg);--el-tag-border-color: var(--gp-info);--el-tag-text-color: var(--gp-info)}.el-alert{border-radius:var(--gp-radius-md)}.el-alert--info.is-light{background:var(--gp-info-bg);color:var(--gp-info)}.el-alert--success.is-light{background:var(--gp-success-bg);color:var(--gp-success)}.el-alert--warning.is-light{background:var(--gp-warning-bg);color:var(--gp-warning)}.el-alert--error.is-light{background:var(--gp-danger-bg);color:var(--gp-danger)}.el-descriptions__header{margin-bottom:var(--gp-space-md)}.el-descriptions__title{font-size:var(--gp-font-lg);font-weight:600;color:var(--gp-text-primary)}.el-descriptions__body{background:var(--gp-bg-card)}.el-descriptions__label{color:var(--gp-text-secondary);font-size:var(--gp-font-sm)}.el-descriptions__content{color:var(--gp-text-primary);font-size:var(--gp-font-base)}.el-empty__description p{color:var(--gp-text-hint);font-size:var(--gp-font-base)}.el-form-item__label{font-size:var(--gp-font-md);color:var(--gp-text-secondary)}.el-form-item__content{font-size:var(--gp-font-base)}.el-radio-button__inner{border-radius:var(--gp-radius-md);font-family:var(--gp-font-family)}.el-message-box{border-radius:var(--gp-radius-lg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--gp-font-family);font-size:var(--gp-font-base);color:var(--gp-text-primary);background:var(--gp-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{margin:0 auto;padding:var(--gp-space-lg)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gp-space-lg);flex-wrap:wrap;gap:var(--gp-space-sm)}.page-title{font-size:var(--gp-font-xl);font-weight:600;color:var(--gp-text-primary);margin:0}.page-subtitle{font-size:var(--gp-font-sm);color:var(--gp-text-secondary);margin:4px 0 0}.status-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--gp-radius-sm);font-size:var(--gp-font-xs);font-weight:500;line-height:20px;white-space:nowrap}.status-tag--pending{background:var(--gp-warning-bg);color:var(--gp-warning)}.status-tag--reviewing{background:var(--gp-info-bg);color:var(--gp-info)}.status-tag--rejected{background:var(--gp-danger-bg);color:var(--gp-danger)}.status-tag--paying{background:#fef3c7;color:#92400e}.status-tag--paid{background:#dbeafe;color:#1e40af}.status-tag--issuing{background:var(--gp-info-bg);color:var(--gp-info)}.status-tag--issued{background:var(--gp-success-bg);color:var(--gp-success)}.status-tag--cancelled{background:#f3f4f6;color:#6b7280}.status-tag--extended,.status-tag--extending{background:#ede9fe;color:#6d28d9}.status-tag--refunding{background:var(--gp-warning-bg);color:var(--gp-warning)}.status-tag--refunded{background:#f3f4f6;color:#6b7280}.status-tag--claiming{background:var(--gp-danger-bg);color:var(--gp-danger)}.info-card{background:var(--gp-bg-card);border:1px solid var(--gp-border);border-radius:var(--gp-radius-lg);padding:var(--gp-space-lg);margin-bottom:var(--gp-space-md)}.info-section{margin-bottom:var(--gp-space-lg)}.info-section:last-child{margin-bottom:0}.info-section-title{font-size:var(--gp-font-md);font-weight:600;color:var(--gp-text-primary);margin:0 0 var(--gp-space-md) 0;padding-bottom:var(--gp-space-sm);border-bottom:1px solid var(--gp-border-light)}.contact-footer{margin-top:var(--gp-space-lg);padding:var(--gp-space-md) var(--gp-space-lg);background:var(--gp-bg-card);border:1px solid var(--gp-border);border-radius:var(--gp-radius-md);text-align:center;color:var(--gp-text-secondary);font-size:var(--gp-font-sm);line-height:1.8}.contact-footer .phone{color:var(--gp-primary);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gp-space-xl) var(--gp-space-lg);text-align:center}.empty-state-icon{font-size:48px;color:var(--gp-text-hint);margin-bottom:var(--gp-space-md);opacity:.5}.empty-state-title{font-size:var(--gp-font-lg);font-weight:500;color:var(--gp-text-secondary);margin:0 0 var(--gp-space-sm)}.empty-state-desc{font-size:var(--gp-font-sm);color:var(--gp-text-hint);margin:0 0 var(--gp-space-lg)}.text-primary{color:var(--gp-primary)}.text-secondary{color:var(--gp-text-secondary)}.text-hint{color:var(--gp-text-hint)}.text-success{color:var(--gp-success)}.text-warning{color:var(--gp-warning)}.text-danger{color:var(--gp-danger)}.font-lg{font-size:var(--gp-font-lg)}.font-xl{font-size:var(--gp-font-xl)}.font-2xl{font-size:var(--gp-font-2xl)}.font-bold{font-weight:600}.mt-xs{margin-top:var(--gp-space-xs)}.mt-sm{margin-top:var(--gp-space-sm)}.mt-md{margin-top:var(--gp-space-md)}.mt-lg{margin-top:var(--gp-space-lg)}.mt-xl{margin-top:var(--gp-space-xl)}.mb-xs{margin-bottom:var(--gp-space-xs)}.mb-sm{margin-bottom:var(--gp-space-sm)}.mb-md{margin-bottom:var(--gp-space-md)}.mb-lg{margin-bottom:var(--gp-space-lg)}@media(max-width:768px){.page-container{padding:var(--gp-space-md)}.page-title{font-size:var(--gp-font-lg)}}