:root{--ink:#0b2f4d;--muted:#6d8397;--blue:#078fcf;--line:#dbe8f0;--pale:#f3f8fb;--white:#fff;--shadow:0 14px 42px rgba(15,65,94,.07)}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:#f6fafc;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.site-header{height:96px;padding:0 max(28px,calc((100vw - 1280px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;text-decoration:none;white-space:nowrap}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand strong{font-size:25px;color:var(--ink)}.brand i{width:1px;height:30px;background:#bed0dc}.brand span{font-size:26px;font-weight:800;color:var(--blue)}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}.site-header nav a{color:#45657f;text-decoration:none;font-size:16px}.site-header nav button{border:1px solid #c9dfea;background:#fff;color:#385d78;border-radius:999px;padding:10px 19px;font:700 14px inherit;cursor:pointer}
main{max-width:1280px;margin:auto;padding:42px 28px 72px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:36px;margin:0 0 8px}.page-heading span{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.content-column{display:grid;gap:16px}.panel,.service-card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.center-section>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;cursor:pointer;list-style:none}.center-section>summary::-webkit-details-marker,.security-list details>summary::-webkit-details-marker{display:none}.center-section>summary h2{font-size:21px;margin:0 0 5px}.center-section>summary p{margin:0;color:var(--muted);font-size:14px}.center-section>summary>b{color:var(--blue);font-size:14px;font-weight:700}.section-body{padding:0 26px 26px;border-top:1px solid #edf2f5}.user-identity{display:flex;align-items:center;gap:16px}.user-identity small{display:block;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:3px}.user-identity h2{margin:0!important;font-size:23px!important}.user-identity p{margin:3px 0 0!important}.profile-avatar{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#0a9bdc,#1476ae);color:#fff;font-size:23px;font-weight:800;flex:0 0 auto}.profile-avatar img{width:100%;height:100%;object-fit:cover}.summary-action{display:flex;align-items:center;gap:18px}.status-dot{display:flex;align-items:center;gap:7px;background:#eaf8f2;color:#26815b;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.status-dot:before{content:"";width:7px;height:7px;background:#29a36f;border-radius:50%}.summary-action>b{color:var(--blue);font-size:14px}.profile-form{padding-top:22px}.profile-form h3{margin:0 0 4px;font-size:15px}.help{margin:0 0 13px;color:var(--muted);font-size:12px}.system-avatars{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:22px}.system-avatars label{margin:0}.system-avatars input,.profile-gender input,.invoice-types input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.system-avatars img{display:block;width:64px;height:64px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:.15s}.system-avatars input:checked+img{border-color:var(--blue);box-shadow:0 0 0 3px #d9f1fc;transform:translateY(-2px)}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:#31536e;font-size:13px;font-weight:700}input{display:block;width:100%;margin-top:7px;border:1px solid #cfe0ea;border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,150,214,.12)}.profile-gender,.invoice-types{border:0;padding:0;margin:0}.profile-gender legend,.invoice-types legend{color:#31536e;font-size:13px;font-weight:700;margin-bottom:7px}.profile-gender label,.invoice-types label{display:inline-block;margin:0 8px 0 0}.profile-gender span,.invoice-types span{display:block;min-width:82px;text-align:center;padding:10px 16px;border:1px solid #cfe0ea;border-radius:9px;background:#fff}.profile-gender input:checked+span,.invoice-types input:checked+span{border-color:var(--blue);background:#eaf7fd;color:#007eb9}.form-actions{display:flex;align-items:center;gap:14px}.form-actions button,.security-list form button{border:0;border-radius:9px;background:#107eaf;color:#fff;padding:11px 18px;font:700 14px inherit;cursor:pointer;margin-top:18px}.form-actions button:disabled,.security-list form button:disabled{opacity:.55}.form-message{min-height:18px;margin:18px 0 0;color:#b34040;font-size:12px}.form-message.success{color:#23815a}
.security-list{padding:0}.security-list details{border-bottom:1px solid #edf2f5}.security-list details:last-child{border-bottom:0}.security-list details>summary{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;cursor:pointer;list-style:none}.security-list details>summary div{display:flex;align-items:center;gap:24px}.security-list details>summary strong{min-width:70px}.security-list details>summary span{color:var(--muted);font-size:13px}.security-list details>summary b{color:var(--blue);font-size:13px}.security-list form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:0 26px 22px;background:#fbfdfe}.security-list form button{justify-self:start}.security-list .form-message{align-self:center}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:18px}.invoice-grid .wide{grid-column:1/-1}.service-card{position:sticky;top:120px;padding:24px;text-align:center}.service-card h2{margin:0 0 18px;text-align:left;font-size:21px}.qr-frame{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--pale)}.qr-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:#fff}.service-card>p{color:#526f87;line-height:1.65;font-size:14px;margin:16px 0 5px}.service-card small{color:#8aa0b1}.page-error{padding:15px 18px;margin-bottom:18px;border-radius:10px;background:#fff0f1;color:#a42635}#toast{position:fixed;right:24px;bottom:24px;z-index:10;opacity:0;transform:translateY(8px);pointer-events:none;background:#0b3655;color:#fff;padding:12px 18px;border-radius:9px;transition:.2s}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:82px;padding:0 18px}.brand img{width:43px;height:43px}.brand strong{font-size:19px}.brand span{display:none}.site-header nav a{display:none}.site-header nav{gap:0}main{padding:30px 18px 55px}.layout{grid-template-columns:1fr}.service-card{position:static;max-width:340px}.security-list form{grid-template-columns:1fr}}
@media(max-width:600px){.brand{gap:8px}.brand i{display:none}.site-header nav button{font-size:12px;padding:9px 12px}.page-heading h1{font-size:30px}.center-section>summary{padding:20px}.section-body{padding:0 20px 22px}.summary-action .status-dot{display:none}.user-identity{min-width:0}.user-identity>div:last-child{min-width:0}.user-identity h2,.user-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar{width:52px;height:52px}.system-avatars{gap:8px}.system-avatars img{width:52px;height:52px}.profile-fields,.invoice-grid{grid-template-columns:1fr}.invoice-grid .wide{grid-column:auto}.security-list details>summary{padding:17px 20px}.security-list details>summary div{display:block}.security-list details>summary span{display:block;margin-top:4px}.security-list form{padding:0 20px 20px}.form-actions{display:block}.service-card{max-width:none}}
.site-header nav button,.form-actions button,.security-list form button{font-family:inherit;font-size:14px;font-weight:700}
.order-body{padding-top:20px}.order-list{display:grid;gap:10px;margin-bottom:18px}.order-item{overflow:hidden;border:1px solid #dbe8f0;border-radius:13px;background:#fbfdfe}.order-item>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;cursor:pointer;list-style:none}.order-item>summary::-webkit-details-marker{display:none}.order-item>summary>div{display:grid;gap:4px}.order-item>summary>div:last-child{text-align:right;justify-items:end}.order-item>summary strong{color:#087fac;font-size:15px}.order-item>summary span,.order-item time{color:#6d8397;font-size:12px}.order-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf7fd;color:#087fac;font-size:12px}.order-detail{padding:0 18px 18px;border-top:1px solid #edf2f5}.order-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:18px 0 0}.order-detail dl>div{min-width:0}.order-detail dl>.wide{grid-column:1/-1}.order-detail dt{margin-bottom:5px;color:#6d8397;font-size:12px}.order-detail dd{margin:0;overflow-wrap:anywhere;white-space:normal}.order-detail a{color:#078fcf}.order-empty{margin:0 0 18px;color:#6d8397}.new-order-link{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:9px;background:#107eaf;color:#fff;text-decoration:none;font-size:14px;font-weight:700}
@media(max-width:600px){.order-item>summary{align-items:flex-start;padding:15px}.order-detail{padding:0 15px 15px}.order-detail dl{grid-template-columns:1fr}.order-detail dl>.wide{grid-column:auto}}
.coupon-body{padding-top:20px}.coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.member-coupon{position:relative;overflow:hidden;min-height:176px;display:grid;grid-template-columns:minmax(0,1fr) 102px;border-radius:17px;background:linear-gradient(135deg,#fff 12%,#f6f4ff 58%,#edf8fb);box-shadow:inset 0 0 0 1px #dde9ef}.member-coupon:before,.member-coupon:after{content:"";position:absolute;right:90px;width:24px;height:24px;border-radius:50%;background:#fff;z-index:2}.member-coupon:before{top:-12px}.member-coupon:after{bottom:-12px}.coupon-main{min-width:0;padding:20px 18px}.coupon-main small{color:#688499;font-weight:700}.coupon-main h3{margin:8px 0 12px;font-size:18px}.coupon-code{display:inline-flex;padding:6px 9px;border-radius:7px;background:#e7f3f8;color:#0a587b;font:800 12px ui-monospace,Consolas,monospace}.coupon-codes summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.coupon-codes summary::-webkit-details-marker{display:none}.coupon-codes summary b{color:#1685b8;font-size:11px}.coupon-codes>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.coupon-main p{margin:12px 0 0;color:#6b8294;font-size:12px}.coupon-stub{position:relative;display:grid;place-content:center;text-align:center;border-left:3px dotted #8fb0c1;background:linear-gradient(160deg,#0b6385,#063a59);color:#fff}.coupon-stub strong{font-size:29px}.coupon-stub span{margin-top:7px;font-size:11px;color:#d8edf5}.coupon-stub .coupon-quantity{margin-top:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:11px}.member-coupon.used,.member-coupon.expired{filter:saturate(.35);opacity:.72}.coupon-empty{margin:0;color:#6d8397}.coupon-note{grid-column:1/-1;margin:2px 0 0;color:#8aa0b1;font-size:12px}
@media(max-width:700px){.coupon-list{grid-template-columns:1fr}.member-coupon{grid-template-columns:minmax(0,1fr) 88px}.member-coupon:before,.member-coupon:after{right:76px}}
.referral-body{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);gap:22px;align-items:stretch}.referral-intro{display:flex;flex-direction:column;justify-content:center;padding:23px;border-radius:16px;background:linear-gradient(145deg,#073c5a,#0b7193);color:#fff}.referral-intro span{font-size:12px;color:#bfe1ee}.referral-intro strong{margin:8px 0 10px;font-size:22px;line-height:1.35}.referral-intro small{color:#d6edf5;line-height:1.6}.referral-share{display:grid;gap:13px;padding:4px 0}.referral-share label{font-size:12px;font-weight:700;color:#49657a}.referral-share label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:6px}.referral-share input{min-width:0;height:42px;padding:0 12px;border:1px solid #d8e6ee;border-radius:10px;background:#f8fbfd;color:#183a52;font:600 13px/1.4 inherit}.referral-share button{padding:0 15px;border:0;border-radius:10px;background:#0b86bd;color:#fff;font:700 12px/1 inherit;cursor:pointer}.referral-share button:hover{background:#0874a5}#referralCount{margin:0;color:#6a8192;font-size:12px}
@media(max-width:760px){.referral-body{grid-template-columns:1fr}.referral-intro{padding:18px}.referral-intro strong{font-size:19px}.referral-share label>div{grid-template-columns:1fr}.referral-share button{height:40px}}
.email-code-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.email-code-field>button{height:43px;margin:0!important;padding:0 15px!important;border:1px solid var(--blue)!important;background:#fff!important;color:#087faf!important;white-space:nowrap}.notification-choice{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-weight:400}.notification-choice input{display:inline-block;width:17px;height:17px;margin:0;padding:0;accent-color:var(--blue)}.notification-choice span{color:#58748a;font-size:13px}@media(max-width:600px){.email-code-field{grid-template-columns:1fr}.email-code-field>button{justify-self:start}.notification-choice{display:flex!important}.notification-choice span{display:inline!important;margin:0!important}}
.qr-frame[hidden],#serviceQr[hidden]{display:none!important}
#emailForm[hidden]{display:none!important}