:root{--background:#f5f0e8;--foreground:#2f2926;--muted:#6e625b;--panel:#fffaf2;--border:#d6c8b8;--primary:#a64212;--primary-strong:#7a2f0c;--ink:#1f1b19;--nav:#2b2522;--danger:#b42318;--danger-bg:#fff2f0;--success:#067647;--success-bg:#ecfdf3}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Microsoft YaHei,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:2px;box-shadow:0 10px 0 rgb(47 41 38/.08);width:min(100%,440px)}.account-panel,.auth-panel{display:grid;grid-gap:24px;gap:24px;padding:28px}.heading{display:grid;grid-gap:8px;gap:8px}.eyebrow{color:var(--primary);font-size:13px;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}h1{font-size:30px;line-height:1.15;margin:0}.muted{color:var(--muted);line-height:1.6;margin:0}.strong{color:var(--foreground);font-weight:700;overflow-wrap:anywhere}.segmented{background:#eadfce;border:1px solid var(--border);border-radius:2px;display:grid;grid-template-columns:repeat(2,1fr);padding:4px}.segmented button{background:transparent;border:0;border-radius:2px;color:var(--muted);cursor:pointer;min-height:40px}.segmented button.active{background:var(--panel);box-shadow:inset 0 -3px 0 var(--primary);color:var(--foreground);font-weight:700}.form{grid-gap:16px;gap:16px}.form,label{display:grid}label{color:#344054;font-size:14px;font-weight:700;grid-gap:8px;gap:8px}input{padding:0 13px}input,select{border:1px solid var(--border);border-radius:2px;color:var(--foreground);min-height:46px;outline:none;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) right 14px center /6px 6px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) right 9px center /6px 6px no-repeat,var(--panel);cursor:pointer;padding:0 32px 0 13px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(166 66 18/.16)}.primary-button{background:var(--primary);border:0;border-radius:2px;color:#ffffff;cursor:pointer;font-weight:700;min-height:46px;padding:0 18px}.primary-button:hover{background:var(--primary-strong)}.primary-link{align-items:center;background:var(--primary);border-radius:2px;color:#ffffff;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:0 18px;width:max-content}.primary-link:hover{background:var(--primary-strong)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--foreground);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:0 18px}.secondary-button:hover{background:var(--background);border-color:var(--muted)}.secondary-button:disabled{cursor:wait;opacity:.65}.status{border-radius:2px;line-height:1.5;margin:0;padding:10px 12px}.error{background:var(--danger-bg);color:var(--danger)}.success{background:var(--success-bg);color:var(--success)}.warning{background:#fff8e1;border:1px solid #f9a825;color:#b71c1c}.app-shell{min-height:100vh}.topbar{background:var(--nav);border-bottom:5px solid var(--primary);color:#fffaf2;gap:20px;justify-content:space-between;min-height:64px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.post,.post-meta,.post-stats,.topbar,.user-menu{align-items:center;display:flex}.brand{color:#fffaf2;font-size:18px;font-weight:800;gap:10px}.brand-link{width:max-content}.avatar,.brand-mark{align-items:center;border-radius:2px;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center}.brand-mark{background:var(--primary);color:#fffaf2;height:32px;width:32px}.user-menu{gap:10px;min-width:0}.user-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.user-copy span,.user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{font-size:14px}.user-copy span{color:#d8c9b8;font-size:12px;max-width:220px}.ghost-button,.ghost-link{align-items:center;background:transparent;border:1px solid #d8c9b8;border-radius:2px;color:#fffaf2;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:36px;padding:0 14px}.ghost-button:hover,.ghost-link:hover{background:var(--primary);border-color:var(--primary);color:#fffaf2}.feed-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:190px minmax(0,720px) 190px;justify-content:center;padding:24px}.side-nav{display:grid;grid-gap:8px;gap:8px;height:max-content;position:-webkit-sticky;position:sticky;top:88px}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:2px;color:var(--foreground);cursor:pointer;display:inline-flex;font-weight:700;justify-content:flex-start;min-height:44px;padding:0 14px;text-align:left}.nav-link{width:100%}.nav-item.active,.nav-item:hover{background:#fffaf2;border-color:var(--border);box-shadow:inset 4px 0 0 var(--primary);color:var(--ink)}.feed{background:var(--panel);border:1px solid var(--border);border-radius:2px;overflow:hidden}.feed-header{background:#eadfce;border-bottom:1px solid var(--border);padding:24px}.feed-header h1{color:var(--ink);font-size:34px;margin-bottom:6px}.post{align-items:flex-start;border-bottom:1px solid var(--border);gap:12px;padding:22px 24px}.post:last-child{border-bottom:0}.avatar{background:var(--ink);color:#fffaf2;height:44px;width:44px}.small-avatar{height:34px;width:34px}.post-main{display:grid;grid-gap:8px;gap:8px;min-width:0}.post-meta{flex-wrap:wrap;gap:6px}.post-meta span{color:var(--muted)}.post-main p{line-height:1.7;margin:0}.post-stats{color:var(--muted);font-size:14px;gap:22px;padding-top:4px}.settings-shell{min-height:100vh}.settings-content{display:grid;grid-template-columns:repeat(2,minmax(0,440px));grid-gap:24px;gap:24px;justify-content:center;align-items:start;padding:28px 16px}.settings-content .panel{width:100%}.settings-list{border:1px solid var(--border);display:grid}.settings-row{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-gap:14px;gap:14px;grid-template-columns:150px minmax(0,1fr);min-height:58px;padding:12px 14px}.settings-row:last-child{border-bottom:0}.settings-row span{color:var(--muted);font-size:14px}.settings-row strong{overflow-wrap:anywhere}.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.payment-box{background:#fff6e8;border:1px solid var(--border);display:grid;grid-gap:16px;gap:16px;padding:18px}.payment-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.payment-heading h2{font-size:22px;line-height:1.2;margin:4px 0 0}.payment-heading strong{color:var(--primary-strong);font-size:20px;white-space:nowrap}.payment-controls{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-info{align-items:center;display:grid;grid-gap:16px;gap:16px;justify-items:center}.payment-qr{background:#ffffff;border:1px solid var(--border);border-radius:2px;display:inline-flex;padding:12px}.payment-qr img{display:block;height:auto;max-width:200px;width:100%}.payment-address{display:grid;grid-gap:6px;gap:6px;justify-items:center;width:100%}.payment-address-label{color:var(--muted);font-size:13px;font-weight:700}.payment-address-code{background:#ffffff;border:1px solid var(--border);border-radius:2px;color:var(--ink);font-size:12px;line-height:1.6;max-width:100%;overflow-wrap:anywhere;padding:8px 12px;word-break:break-all}.payment-address-row{align-items:center;display:flex;gap:8px;width:100%}.copy-button{background:var(--primary);border:0;border-radius:2px;color:#ffffff;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:700;min-height:36px;padding:0 14px}.copy-button:hover{background:var(--primary-strong)}.order-info{background:#ffffff;border:1px solid var(--border);border-radius:2px;display:grid;grid-gap:1px;gap:1px}.order-row{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:90px minmax(0,1fr);min-height:44px;padding:8px 14px}.order-row span{color:var(--muted);font-size:14px}.order-row strong{overflow-wrap:anywhere}.order-status-pending{color:var(--primary)}.order-status-done{color:var(--success)}@media (max-width:520px){.shell{align-items:stretch;padding:16px}.account-panel,.auth-panel{align-self:center;padding:22px}h1{font-size:26px}}@media (max-width:960px){.settings-content{grid-template-columns:minmax(0,520px)}}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column;padding:14px 16px}.user-menu{width:100%}.user-copy{flex:1 1}.user-copy span{max-width:none}.feed-layout{grid-template-columns:minmax(0,1fr);padding:14px}.side-nav{display:flex;overflow-x:auto;position:static}.nav-item{flex:0 0 auto;justify-content:center;min-width:82px;text-align:center}.nav-link{width:auto}}@media (max-width:520px){.post{padding:16px}.post-stats{gap:14px}.settings-row{align-items:flex-start}.payment-controls,.settings-row{grid-template-columns:minmax(0,1fr)}}