:root {
  --ink:#211c18; --muted:#686058; --paper:#f4f0e8; --card:#fcfaf6;
  --tea:#744c34; --tea-dark:#3b2a20; --gold:#aa896d; --green:#4d6a57;
  --danger:#9a4034; --line:rgba(43,32,24,.13); --shadow:0 18px 55px rgba(38,27,20,.08);
  --display:"Songti SC",STSong,"Iowan Old Style",Baskerville,Georgia,serif;
  --body:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer}
:focus-visible{outline:3px solid rgba(116,76,52,.28);outline-offset:3px}
.account-topbar{position:sticky;z-index:30;top:0;display:flex;min-height:68px;padding:0 clamp(16px,4vw,56px);align-items:center;justify-content:space-between;background:rgba(244,240,232,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.account-brand{display:flex;align-items:center;gap:12px}.account-brand>span{width:38px;height:38px}.account-brand strong{font-family:var(--display);font-size:1rem;letter-spacing:.08em}
.account-topbar__actions,.account-language{display:flex;align-items:center}.account-topbar__actions{gap:18px;color:var(--muted);font-size:.76rem}.account-language{padding:3px;border:1px solid var(--line);border-radius:999px}
.account-language button{min-width:42px;height:38px;padding:0 9px;color:var(--muted);background:transparent;border:0;border-radius:999px}.account-language button.is-active{color:#fff;background:var(--tea)}
.account-topbar__actions>#signOut{min-height:42px;padding:8px 14px;color:var(--tea);background:transparent;border:1px solid rgba(116,76,52,.28);border-radius:999px}
.account-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 68px)}
.account-sidebar{position:sticky;top:68px;height:calc(100vh - 68px);padding:30px 20px 24px clamp(20px,3.3vw,48px);background:#ebe4d8;border-right:1px solid var(--line)}
.member-mini{display:flex;margin-bottom:26px;align-items:center;gap:12px}.member-avatar{display:grid;width:46px;height:46px;flex:none;overflow:hidden;place-items:center;color:#fff;background:linear-gradient(145deg,var(--tea),#b38c6e);background-position:center;background-size:cover;border-radius:50%;font-family:var(--display)}
.member-mini>div:last-child{display:grid;min-width:0;gap:2px}.member-mini strong,.member-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-mini strong{font-family:var(--display)}.member-mini span{color:var(--muted);font-size:.66rem}
.account-nav{display:grid;gap:5px}.account-nav a{display:grid;grid-template-columns:30px 1fr;min-height:47px;padding:9px 12px;align-items:center;color:#50473f;border-radius:12px;font-size:.77rem;transition:150ms ease}.account-nav a span{color:#9f8e80;font-size:.56rem}.account-nav a b{font-weight:550}.account-nav a:hover{color:var(--tea);transform:translateX(2px)}.account-nav a[aria-current=page]{color:#fff;background:var(--tea);box-shadow:0 10px 26px rgba(78,47,30,.17)}.account-nav a[aria-current=page] span{color:rgba(255,255,255,.6)}
.account-content{min-width:0;padding:clamp(28px,4vw,56px) clamp(18px,5.4vw,78px) 90px;background:radial-gradient(circle at 100% 0,rgba(170,137,109,.12),transparent 30%),var(--paper)}
.account-page,.page-skeleton{width:min(100%,1120px);margin:0 auto}.page-heading{display:flex;margin-bottom:24px;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading p{margin:0 0 7px;color:var(--gold);font-size:.61rem;font-weight:800;letter-spacing:.18em}.page-heading h1{margin:0 0 6px;font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.05}.page-heading>div>span{color:var(--muted);font-size:.8rem;line-height:1.6}
.button,.page-action{display:inline-flex;min-height:44px;padding:10px 18px;align-items:center;justify-content:center;gap:7px;border-radius:999px;font-size:.74rem;font-weight:700}.button{color:#fff;background:var(--tea);border:1px solid var(--tea)}.button:hover{background:#633f2b}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button.secondary,.page-action{color:var(--tea);background:transparent;border:1px solid rgba(116,76,52,.28)}.button.danger{color:var(--danger);background:transparent;border-color:rgba(154,64,52,.28)}
.card,.metric-card,.order-card,.address-card,.rules-card,.settings-card{background:rgba(252,250,246,.82);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 36px rgba(38,27,20,.04)}
.hero-card{display:grid;grid-template-columns:auto 1fr auto;min-height:210px;padding:clamp(24px,4vw,42px);align-items:center;gap:24px;color:#fff;background:radial-gradient(circle at 88% 20%,rgba(221,196,175,.24),transparent 27%),linear-gradient(130deg,#2c241f,#73513c);border-radius:24px;box-shadow:var(--shadow)}
.hero-avatar{display:grid;width:82px;height:82px;overflow:hidden;place-items:center;background:var(--gold);background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-family:var(--display);font-size:1.8rem}.hero-card h2{margin:2px 0 3px;font:400 clamp(1.7rem,3vw,2.5rem)/1 var(--display)}.hero-card p,.hero-card small{margin:0;color:rgba(255,255,255,.66);font-size:.7rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hero-metrics div{display:grid;gap:4px}.hero-metrics strong{font:400 1.5rem var(--display)}.progress{height:7px;margin-top:16px;overflow:hidden;background:rgba(255,255,255,.18);border-radius:99px}.progress>span{display:block;height:100%;background:#d7bda8;border-radius:inherit}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card{display:grid;min-height:125px;padding:22px;align-content:space-between}.metric-card span,.metric-card small{color:var(--muted);font-size:.68rem}.metric-card strong{font:400 2rem var(--display)}
.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-grid a{display:grid;min-height:88px;padding:16px;place-items:center;text-align:center;background:rgba(255,255,255,.52);border:1px solid var(--line);border-radius:16px;font-size:.72rem}.quick-grid strong{font:400 1.45rem var(--display);color:var(--tea)}
.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.section-card{padding:24px}.section-heading{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{margin:0;font:400 1.35rem var(--display)}.section-heading a{color:var(--tea);font-size:.7rem;font-weight:700}
.mini-list{display:grid;gap:10px}.mini-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px}.mini-item img{width:58px;height:58px;object-fit:cover;border-radius:11px}.mini-item h3{margin:0 0 3px;font:400 1rem var(--display)}.mini-item p{margin:0;color:var(--muted);font-size:.65rem}.mini-item strong{font-size:.72rem}
.empty-state{display:grid;min-height:180px;padding:26px;place-items:center;align-content:center;gap:10px;color:var(--muted);background:rgba(255,255,255,.36);border:1px dashed rgba(116,76,52,.24);border-radius:18px;text-align:center}.empty-state strong{color:var(--ink);font:400 1.2rem var(--display)}.empty-state p{max-width:430px;margin:0;font-size:.74rem;line-height:1.7}
.cart-toolbar,.filter-tabs{display:flex;margin-bottom:14px;align-items:center;gap:8px;overflow-x:auto}.cart-toolbar{justify-content:space-between}.cart-toolbar label{display:flex;align-items:center;gap:8px;font-size:.74rem}.filter-tabs button{min-height:40px;padding:8px 14px;white-space:nowrap;color:var(--muted);background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:999px}.filter-tabs button.is-active{color:#fff;background:var(--tea);border-color:var(--tea)}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.cart-list{display:grid;gap:12px}.cart-line{display:grid;grid-template-columns:auto 76px 1fr auto;gap:14px;padding:18px;align-items:center}.cart-line img{width:76px;height:76px;object-fit:cover;border-radius:13px}.cart-line h3{margin:0;font:400 1.12rem var(--display)}.cart-line p{margin:4px 0;color:var(--muted);font-size:.67rem}.cart-line[data-unavailable=true]{opacity:.65}.stock-warning{color:var(--danger)!important}.quantity{display:flex;margin-top:10px}.quantity button,.quantity input{width:38px;height:38px;text-align:center;background:#fff;border:1px solid var(--line)}.quantity button:first-child{border-radius:9px 0 0 9px}.quantity button:last-child{border-radius:0 9px 9px 0}.quantity input{border-inline:0}.line-actions{display:grid;justify-items:end;gap:12px}.line-actions strong{font-size:.82rem}.text-button{padding:0;color:var(--tea);background:none;border:0;font-size:.68rem}
.summary-card{position:sticky;top:90px;height:max-content;padding:24px}.summary-row{display:flex;padding:10px 0;justify-content:space-between;color:var(--muted);font-size:.72rem;border-bottom:1px solid var(--line)}.summary-row.total{margin-bottom:16px;color:var(--ink);font-size:.85rem;border:0}.summary-row.total strong{font:400 1.4rem var(--display)}.summary-card .button{width:100%}.summary-card p{color:var(--muted);font-size:.66rem;line-height:1.6}
.order-list,.address-grid,.level-grid,.ledger-list,.device-list{display:grid;gap:14px}.order-card{padding:22px}.order-head,.order-total,.order-actions,.address-head,.device-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-head span,.order-card small{color:var(--muted);font-size:.67rem}.status-pill{padding:6px 10px;color:var(--tea);background:rgba(116,76,52,.08);border-radius:999px;font-size:.64rem}.order-products{display:grid;gap:9px;margin:16px 0;padding:14px 0;border-block:1px solid var(--line)}.order-product{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px}.order-product img{width:52px;height:52px;object-fit:cover;border-radius:10px}.order-product h3{margin:0;font:400 .95rem var(--display)}.order-product p{margin:3px 0;color:var(--muted);font-size:.63rem}.order-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;color:var(--muted);font-size:.66rem}.order-actions{margin-top:14px;justify-content:flex-end;flex-wrap:wrap}
.address-grid{grid-template-columns:repeat(2,1fr)}.address-card{padding:22px}.address-head h2{margin:0;font:400 1.15rem var(--display)}.default-badge{color:var(--green);font-size:.62rem}.address-card p{margin:10px 0;color:var(--muted);font-size:.72rem;line-height:1.7}.card-actions{display:flex;gap:12px;flex-wrap:wrap}
.member-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.membership-panel{padding:30px;color:#fff;background:linear-gradient(135deg,#2e251f,#76513c);border-radius:22px}.membership-panel h2{margin:4px 0;font:400 2.4rem var(--display)}.membership-panel p{color:rgba(255,255,255,.64);font-size:.7rem}.points-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.points-panel .metric-card:first-child{color:#fff;background:linear-gradient(145deg,#6c4832,#a17b5c)}.points-panel .metric-card:first-child span{color:rgba(255,255,255,.7)}
.level-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.level-card{padding:22px}.level-card.is-current{background:#fff;border-color:rgba(116,76,52,.4);box-shadow:var(--shadow)}.level-card h3{margin:7px 0;font:400 1.25rem var(--display)}.level-card>span{color:var(--gold);font-size:.58rem;letter-spacing:.12em}.level-card p,.level-card li{color:var(--muted);font-size:.67rem;line-height:1.65}.level-card ul{padding-left:18px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.rules-card{padding:24px}.rules-card h2{margin-top:0;font:400 1.3rem var(--display)}.rules-card li{margin:8px 0;color:var(--muted);font-size:.7rem;line-height:1.6}.ledger-tabs{margin-top:18px}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child{border:0}.ledger-row strong{font-size:.76rem}.ledger-row p{margin:4px 0;color:var(--muted);font-size:.64rem}
.profile-card,.settings-card{padding:26px}.profile-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.avatar-editor{display:flex;grid-column:1/-1;align-items:center;gap:18px}.avatar-preview{display:grid;width:88px;height:88px;overflow:hidden;place-items:center;background:var(--gold);background-position:center;background-size:cover;border-radius:50%;font:400 1.8rem var(--display);color:#fff}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}.field>span{font-size:.7rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 13px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px}.field textarea{min-height:90px;resize:vertical}.field small{color:var(--muted);font-size:.63rem;line-height:1.5}.field-error{color:var(--danger)!important}.preference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.preference-grid label{display:flex;min-height:44px;padding:9px;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.67rem}.verified-line{display:flex;min-height:48px;padding:12px 13px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.72rem}.verified-line b{color:var(--green);font-size:.62rem}
.security-stack{display:grid;gap:18px}.settings-card h2{margin:0 0 16px;font:400 1.35rem var(--display)}.setting-row{display:flex;min-height:68px;padding:12px 0;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row p{margin:3px 0;color:var(--muted);font-size:.66rem}.provider-list{display:grid;gap:9px}.provider{display:flex;padding:13px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:.72rem}.provider b{color:var(--green);font-size:.62rem}.password-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.show-password{position:absolute;right:9px;top:8px;min-height:32px;padding:0 8px;color:var(--tea);background:transparent;border:0;font-size:.63rem}.strength{display:flex;gap:4px}.strength i{height:4px;flex:1;background:#ddd;border-radius:99px}.strength[data-score="2"] i:nth-child(-n+2),.strength[data-score="3"] i:nth-child(-n+3),.strength[data-score="4"] i{background:var(--green)}
.device-row{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.device-row h3{margin:0;font:400 1rem var(--display)}.device-row p{margin:3px 0;color:var(--muted);font-size:.64rem}
.page-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.page-skeleton[hidden]{display:none}.page-skeleton span{min-height:170px;background:linear-gradient(100deg,rgba(255,255,255,.38) 20%,rgba(255,255,255,.72) 40%,rgba(255,255,255,.38) 60%);background-size:240% 100%;border:1px solid var(--line);border-radius:20px;animation:shimmer 1.3s linear infinite}.page-skeleton span:first-child{grid-column:1/-1;min-height:90px}.account-alert{width:min(100%,760px);margin:50px auto;padding:26px;text-align:center;background:var(--card);border:1px solid rgba(154,64,52,.24);border-radius:18px}.account-alert p{color:var(--muted);font-size:.74rem}.account-alert .button{margin-top:8px}
.member-dialog{width:min(92vw,640px);padding:0;background:transparent;border:0}.member-dialog::backdrop{background:rgba(24,18,14,.52);backdrop-filter:blur(4px)}.dialog-card{max-height:88vh;padding:26px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.dialog-card h2{margin:0 0 18px;font:400 1.45rem var(--display)}.dialog-actions{display:flex;margin-top:20px;justify-content:flex-end;gap:10px}.crop-canvas{display:block;width:min(100%,360px);margin:auto;background:#eee;border-radius:16px}
.toast-region{position:fixed;z-index:80;right:20px;bottom:20px;display:grid;gap:8px}.toast{max-width:360px;padding:13px 17px;color:#fff;background:var(--tea-dark);border-radius:12px;box-shadow:var(--shadow);font-size:.72rem}.toast[data-state=error]{background:var(--danger)}
@keyframes shimmer{to{background-position:-240% 0}}
@media(max-width:980px){.account-shell{grid-template-columns:210px minmax(0,1fr)}.account-sidebar{padding-left:18px}.hero-card{grid-template-columns:auto 1fr}.hero-metrics{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}.cart-layout{grid-template-columns:1fr}.summary-card{position:static}.level-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
  body{padding-bottom:72px}.account-brand strong,.account-topbar__actions>a{display:none}.account-topbar{padding-inline:12px}.account-topbar__actions{gap:7px}
  .account-shell{display:block}.account-sidebar{position:fixed;z-index:40;top:auto;right:0;bottom:0;left:0;width:auto;height:72px;padding:7px 6px;background:rgba(244,240,232,.96);border-top:1px solid var(--line);border-right:0;backdrop-filter:blur(18px)}.member-mini{display:none}.account-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.account-nav a{display:grid;grid-template-columns:1fr;min-width:0;min-height:58px;padding:5px 2px;place-items:center;border-radius:9px;font-size:.56rem;text-align:center}.account-nav a span{display:block;font-size:.48rem}.account-nav a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .account-content{padding:26px 13px 46px}.page-heading{display:grid;align-items:start}.page-heading h1{font-size:2.15rem}.hero-card{grid-template-columns:1fr;padding:25px}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:10px}.hero-avatar{width:68px;height:68px}.quick-grid{grid-template-columns:repeat(3,1fr)}.section-grid,.member-summary,.rules-grid,.address-grid{grid-template-columns:1fr}.metric-grid,.points-panel{grid-template-columns:1fr 1fr}
  .cart-line{grid-template-columns:auto 60px 1fr}.cart-line img{width:60px;height:60px}.line-actions{grid-column:2/-1;grid-template-columns:1fr auto;align-items:center;justify-items:start}.order-details{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr}.profile-grid,.form-grid,.password-grid{grid-template-columns:1fr}.field.wide,.avatar-editor{grid-column:1}.preference-grid{grid-template-columns:repeat(2,1fr)}.page-skeleton{grid-template-columns:1fr}.page-skeleton span:first-child{grid-column:1}.account-language button{min-width:39px}.order-head{align-items:flex-start;flex-direction:column}.order-actions{justify-content:flex-start}.setting-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){.account-nav a b{font-size:.5rem}.hero-metrics{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.metric-grid,.points-panel{grid-template-columns:1fr}.cart-line{grid-template-columns:auto 1fr}.cart-line>input{grid-row:1/3}.cart-line img{grid-column:2}.cart-line>div:nth-of-type(1){grid-column:2}.line-actions{grid-column:2}.order-product{grid-template-columns:48px 1fr}.order-product>strong{grid-column:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.order-payment-progress{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:13px;margin:14px 0;padding:14px;color:#4d3b2f;background:rgba(142,101,66,.07);border:1px solid rgba(122,79,53,.13);border-radius:14px}.order-payment-progress>img,.proof-placeholder{width:72px;height:72px;object-fit:cover;background:#f0e8dc;border-radius:11px}.proof-placeholder{display:grid;place-items:center;color:var(--tea);font-size:.7rem;font-weight:800}.order-payment-progress strong{font-size:.8rem}.order-payment-progress p,.order-payment-progress small{display:block;margin:4px 0 0;color:var(--muted);font-size:.64rem;line-height:1.55}.order-payment-progress .payment-alert{color:#9a4033}.order-payment-progress[data-state="paid"]{background:rgba(54,113,78,.07);border-color:rgba(54,113,78,.14)}.order-payment-progress[data-state="payment_rejected"],.order-payment-progress[data-state="expired"]{background:rgba(151,61,46,.06);border-color:rgba(151,61,46,.14)}

@media(max-width:420px){.order-payment-progress{grid-template-columns:54px 1fr}.order-payment-progress>img,.proof-placeholder{width:54px;height:54px}}