.pf-layer { position: fixed; z-index: 10020; inset: 0; display: flex; align-items: stretch; justify-content: center; background: rgba(19,30,34,.52); backdrop-filter: blur(7px); font-family: Arial,"Microsoft YaHei",sans-serif; }.pf-page { width: min(100%,430px); min-height: 100%; overflow-y: auto; color: #17242b; background: #eef3f4; }.pf-page-inner { min-height: 100%; padding: 16px 13px 28px; }.pf-back { margin-bottom: 13px; border: 0; color: #627278; background: transparent; font-weight: 700; cursor: pointer; }.pf-modal-wrap { display: flex; width: 100%; align-items: center; justify-content: center; padding: 18px; }.pf-modal { width: min(100%,430px); max-height: calc(100vh - 36px); overflow-y: auto; border-radius: 25px; color: #17242b; background: #fff; box-shadow: 0 24px 80px rgba(0,0,0,.3); }.pf-modal-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0ef; padding: 17px 19px; }.pf-modal-head h2 { margin: 0; font-size: 21px; }.pf-close { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #e3e7e6; border-radius: 13px; color: #1c292f; background: #fff; font-size: 27px; cursor: pointer; }.pf-modal-body { padding: 20px; }.pf-empty { display: grid; min-height: 295px; place-items: center; text-align: center; }.pf-empty-icon { display: grid; width: 78px; height: 78px; margin: 0 auto 18px; place-items: center; border-radius: 24px; color: #00af69; background: #eafff5; font-size: 31px; }.pf-empty h3 { margin: 0; color: #77878d; font-size: 19px; }.pf-empty p { margin: 9px 0 0; color: #9aa5a9; font-size: 13px; line-height: 1.6; }.pf-card { border-radius: 23px; padding: 19px; background: #fff; box-shadow: 0 9px 28px rgba(31,63,74,.06); }.pf-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.pf-title-row h1,.pf-title-row h2 { margin: 0; font-size: 20px; }.pf-title-row p { margin: 6px 0 0; color: #8c999e; font-size: 12px; }.pf-primary { border: 0; border-radius: 15px; padding: 13px 17px; color: #fff; background: #05b76b; font-weight: 900; cursor: pointer; }.pf-field { width: 100%; min-height: 52px; margin-top: 12px; border: 1.5px solid #dce4e1; border-radius: 15px; padding: 0 14px; color: #1b2b31; background: #fbfcfc; outline: none; font: 14px Arial,"Microsoft YaHei",sans-serif; }.pf-field:focus { border-color: #21bd7a; }.pf-textarea { min-height: 135px; padding-block: 14px; resize: vertical; }.pf-status { min-height: 18px; margin: 10px 2px 0; color: #7d8c91; font-size: 11px; line-height: 1.5; }.pf-list { margin-top: 15px; border-radius: 22px; padding: 12px; background: #fff; }.pf-list-item { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 11px; border-bottom: 1px solid #edf0ef; padding: 12px 4px; }.pf-list-item:last-child { border-bottom: 0; }.pf-list-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 15px; color: #00ad67; background: #eafff5; font-size: 20px; }.pf-list-copy { min-width: 0; }.pf-list-copy strong { display: block; font-size: 14px; }.pf-list-copy small { display: block; overflow: hidden; margin-top: 5px; color: #8e9ca1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.pf-remove { border: 0; color: #e1534b; background: transparent; font-size: 11px; cursor: pointer; }.pf-invite-hero { border-radius: 26px; padding: 28px 19px; color: #fff; background: linear-gradient(145deg,#10c676,#00a65e); text-align: center; }.pf-invite-icon { display: grid; width: 64px; height: 64px; margin: 0 auto 18px; place-items: center; border-radius: 20px; background: rgba(255,255,255,.18); font-size: 31px; }.pf-invite-hero h1 { margin: 0; font-size: 28px; }.pf-invite-hero p { margin: 10px 0 19px; color: rgba(255,255,255,.83); font-size: 12px; }.pf-invite-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.pf-invite-buttons button { min-height: 49px; border: 0; border-radius: 15px; color: #087e4d; background: rgba(255,255,255,.87); font-weight: 900; cursor: pointer; }.pf-invite-buttons button:last-child { opacity: .55; }.pf-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 13px; }.pf-stat { border-radius: 18px; padding: 18px 8px; background: #fff; text-align: center; }.pf-stat b { display: block; color: #00a762; font-size: 25px; }.pf-stat span { display: block; margin-top: 6px; font-size: 12px; }.pf-support-banner { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; border-radius: 20px; padding: 17px; background: #effbf7; }.pf-support-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #fff; background: #06b970; font-size: 23px; }.pf-support-banner strong { display: block; color: #187253; font-size: 18px; }.pf-support-banner p { margin: 5px 0 0; color: #657a72; font-size: 13px; }.pf-tutorial { text-align: center; }.pf-tutorial-icon { display: grid; width: 76px; height: 76px; margin: 0 auto 20px; place-items: center; border-radius: 23px; color: #fff; background: #06b86c; font-size: 35px; }.pf-tutorial h3 { margin: 0 0 23px; font-size: 27px; }.pf-tutorial ol { margin: 0; padding-left: 23px; text-align: left; color: #64747a; font-size: 15px; line-height: 1.9; }.pf-monitor-form { display: grid; grid-template-columns: 1fr 62px; gap: 10px; margin-top: 16px; }.pf-monitor-fields .pf-field { margin-top: 0; }.pf-monitor-fields .pf-field + .pf-field { margin-top: 9px; }.pf-monitor-form .pf-primary { padding-inline: 8px; }
.pf-order-list{display:grid;gap:12px;margin-top:14px}.pf-order{border:1px solid #dfe8e4;border-radius:18px;padding:15px;background:#fbfdfc}.pf-order header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pf-order header span{display:block;color:#84928c;font-size:10px}.pf-order header strong{display:block;margin-top:4px;color:#111c17;font-size:20px}.pf-order header em{border-radius:999px;padding:6px 9px;color:#9b6900;background:#fff3cc;font-size:10px;font-style:normal;font-weight:900}.pf-order dl{display:grid;gap:8px;margin:15px 0 0}.pf-order dl>div{display:grid;grid-template-columns:65px 1fr;gap:10px}.pf-order dt{color:#8a9791;font-size:10px}.pf-order dd{min-width:0;margin:0;text-align:right;color:#34433c;font-size:10px}.pf-order-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-order footer{margin-top:13px;border-top:1px solid #e9efec;padding-top:10px;color:#99a49f;font-size:9px}
@media(max-width:350px){.pf-page-inner{padding-inline:8px}.pf-modal-wrap{padding:9px}.pf-modal-body{padding:15px}.pf-card{padding:15px}.pf-invite-hero h1{font-size:24px}.pf-stats{gap:6px}.pf-stat span{font-size:10px}}