/* Member screens always use the H5 layout. Every rule is isolated from the desktop administration surface. */
body.member-mode .sidebar {width:210px;padding:30px 19px}
body.member-mode .workspace {margin-left:210px}
body.member-mode .page {padding:28px}
body.member-mode .topbar {padding:0 28px}
body.member-mode .dashboard-grid {grid-template-columns:minmax(0,1fr) 235px;gap:19px}
body.member-mode .stat-grid {gap:12px}
body.member-mode .stat-card {padding:17px}
body.member-mode .product-grid {gap:12px}
body.member-mode .product-art {height:117px}
body.member-mode .product-info {padding:12px}
body.member-mode .product-grid.catalog {grid-template-columns:repeat(3,minmax(0,1fr))}
body.member-mode .hero-art {margin:0}
body.member-mode .hero {padding:27px}
body.member-mode .auth-story {padding:40px}
body.member-mode .auth-story h1 {font-size:35px}
body.member-mode .product-footer .btn {font-size:8px;padding:0 8px}
body.member-mode .commission strong {font-size:14px}

body.member-mode .sidebar {width:190px;padding:25px 15px}
body.member-mode .workspace {margin-left:190px}
body.member-mode .brand-text {font-size:16px}
body.member-mode .brand-symbol {width:35px;height:35px;font-size:23px}
body.member-mode .sidebar .brand {gap:9px}
body.member-mode .nav a {padding:12px;gap:10px}
body.member-mode .page {padding:25px}
body.member-mode .topbar {padding:0 25px}
body.member-mode .dashboard-grid {grid-template-columns:1fr}
body.member-mode .dashboard-aside {display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.member-mode .dashboard-aside .panel+.panel {margin:0}
body.member-mode .stat-value {font-size:23px}
body.member-mode .stat-top {font-size:9px}
body.member-mode .hero h2 {font-size:23px}
body.member-mode .hero-art {transform:scale(.86);transform-origin:right center;width:180px}
body.member-mode .wallet-overview {grid-template-columns:1.5fr 1fr}
body.member-mode .wallet-summary:last-child {display:none}
body.member-mode .bank-grid, body.member-mode .level-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
body.member-mode .demo-indicator {display:none}
body.member-mode .two-column {grid-template-columns:1fr}
body.member-mode .auth-story h1 {font-size:31px}

body.member-mode .sidebar {display:none}
body.member-mode .workspace {margin:0}
body.member-mode .topbar {height:66px;padding:0 20px;background:#fff}
body.member-mode .breadcrumb {font-size:11px}
body.member-mode .breadcrumb b {margin-left:7px}
body.member-mode .topbar-right {gap:11px}
body.member-mode .profile-mini {padding-left:11px;gap:7px}
body.member-mode .profile-mini strong {font-size:10px}
body.member-mode .profile-mini small {font-size:8px}
body.member-mode .profile-mini .avatar {width:30px;height:30px;font-size:12px}
body.member-mode .topbar .icon-button {height:29px;width:29px}
body.member-mode .page {padding:25px 19px 95px}
body.member-mode .page-heading {margin-bottom:21px;gap:10px}
body.member-mode h1 {font-size:24px}
body.member-mode .page-heading p {font-size:10px}
body.member-mode .date-tag {display:none}
body.member-mode .eyebrow {font-size:8px;margin-bottom:6px}
body.member-mode .hero {padding:24px 22px;min-height:183px;margin-bottom:18px}
body.member-mode .hero h2 {font-size:21px}
body.member-mode .hero p {font-size:10px;max-width:210px}
body.member-mode .hero-art {width:115px;transform:scale(.69);transform-origin:right center;margin-right:-3px}
body.member-mode .hero .btn {margin-top:16px}
body.member-mode .hero-label {font-size:8px}
body.member-mode .stat-grid {grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}
body.member-mode .stat-card {padding:15px 17px}
body.member-mode .stat-top {font-size:10px;margin-bottom:7px}
body.member-mode .stat-value {font-size:25px}
body.member-mode .stat-foot {margin-top:8px;font-size:8px}
body.member-mode .stat-icon {width:26px;height:26px}
body.member-mode .section-title h2 {font-size:14px}
body.member-mode .section-title h2 small {font-size:9px;margin-left:6px}
body.member-mode .product-grid, body.member-mode .product-grid.catalog {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.member-mode .dashboard-products .product-card:last-child {display:none}
body.member-mode .product-art {height:133px}
body.member-mode .product-info {padding:14px}
body.member-mode .product-footer .btn {font-size:9px;padding:0 10px}
body.member-mode .commission strong {font-size:17px}
body.member-mode .dashboard-aside {grid-template-columns:1fr 1fr;gap:13px}
body.member-mode .panel {padding:18px}
body.member-mode .panel .section-title h2 {font-size:12px}
body.member-mode .notice-line b, body.member-mode .flow-item strong {font-size:9px}
body.member-mode .notice-line small, body.member-mode .flow-item p {font-size:8px}
body.member-mode .flow-item {gap:8px;margin-bottom:17px}
body.member-mode .flow-number {width:20px;height:20px;font-size:8px}
body.member-mode .notice-line {gap:8px}
body.member-mode .mobile-nav {position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid #e9ede4;display:flex;justify-content:space-around;padding:11px 8px max(11px,env(safe-area-inset-bottom));box-shadow:0 -5px 30px #12341c03}
body.member-mode .mobile-nav a {display:flex;flex-direction:column;align-items:center;gap:4px;color:#9aa78e;font-size:9px;min-width:50px}
body.member-mode .mobile-nav a.active {color:var(--primary);font-weight:650}
body.member-mode .mobile-nav svg {height:21px;width:21px}
body.member-mode .wallet-overview {grid-template-columns:1fr;gap:13px}
body.member-mode .balance-card {padding:25px}
body.member-mode .wallet-summary {padding:18px 22px;display:flex;align-items:center;gap:18px}
body.member-mode .wallet-summary label {font-size:10px}
body.member-mode .wallet-summary strong {font-size:23px;margin:0}
body.member-mode .wallet-summary p {margin-left:auto;font-size:8px;max-width:90px}
body.member-mode .balance-value {margin:10px 0 15px}
body.member-mode .toolbar {gap:14px}
body.member-mode .tabs {gap:3px}
body.member-mode .tab {font-size:10px;padding:6px 11px}
body.member-mode .search-input {width:100%}
body.member-mode .search-input input {flex:1;width:auto}
body.member-mode .bank-grid {grid-template-columns:1fr}
body.member-mode .two-column {gap:16px}
body.member-mode .invite-card {padding:26px}
body.member-mode .invite-code {font-size:31px;letter-spacing:7px}
body.member-mode .level-grid {grid-template-columns:1fr}
body.member-mode .profile-card {padding:21px;gap:13px;flex-wrap:wrap}
body.member-mode .profile-card h2 {font-size:16px}
body.member-mode .profile-card .profile-tools {margin-left:0;width:100%;display:flex;gap:8px;margin-top:5px}
body.member-mode .profile-card .avatar {height:50px;width:50px;font-size:20px}
body.member-mode .form-grid {gap:15px}
body.member-mode .field.full {grid-column:1/-1}
body.member-mode .modal-backdrop {padding:12px}
body.member-mode .modal {padding:23px 20px;max-height:92vh;border-radius:16px}
body.member-mode .modal-header h2 {font-size:17px}
body.member-mode .modal-copy {font-size:11px}
body.member-mode .form-footer .btn {min-height:39px}
body.member-mode .table-wrap th {padding:12px 13px}
body.member-mode .table-wrap td {padding:13px}
body.member-mode .table-wrap {font-size:10px}
body.member-mode .announcement {padding:20px;gap:13px}
body.member-mode .announcement h3 {font-size:13px}
body.member-mode .announcement p {font-size:11px}
body.member-mode .announcement-symbol {width:32px;height:32px}
body.member-mode .announcement-symbol svg {width:17px}
body.member-mode .callout {font-size:9px;padding:11px 13px}
body.member-mode #toast-root {left:15px;right:15px;bottom:87px;max-width:none}
body.member-mode .toast {font-size:11px;padding:12px 15px}
body.member-mode .auth-layout {display:block}
body.member-mode .auth-story {display:none}
body.member-mode .auth-main {min-height:100vh;padding:34px 25px;background:radial-gradient(circle at 5% 0,#eaf5de,transparent 40%),#fff}
body.member-mode .auth-mobile-brand {display:flex;margin-bottom:52px}
body.member-mode .auth-box h2 {font-size:27px}
body.member-mode .auth-subtitle {font-size:11px}
body.member-mode .auth-form {gap:17px}
body.member-mode .auth-footnote {font-size:9px}
body.member-mode .footer-note {font-size:8px;margin-top:26px}

body.member-mode {font-size:14px;line-height:1.65}
body.member-mode .page {padding:23px 18px calc(106px + env(safe-area-inset-bottom))}
body.member-mode .topbar {height:70px;padding:0 18px}
body.member-mode .breadcrumb {font-size:12px}
body.member-mode .topbar-right {gap:8px}
body.member-mode .topbar .icon-button {width:44px;height:44px}
body.member-mode .topbar .icon-button svg {width:20px;height:20px}
body.member-mode .profile-mini {padding-left:10px;min-height:44px}
body.member-mode .profile-mini .avatar {width:34px;height:34px;font-size:14px}
body.member-mode .profile-mini strong {font-size:12px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.member-mode .profile-mini small {font-size:11px}
body.member-mode .page-heading {align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:21px}
body.member-mode .eyebrow {font-size:10px;letter-spacing:1.8px}
body.member-mode .page-heading h1 {font-size:26px;line-height:1.4}
body.member-mode .page-heading p {font-size:13px;line-height:1.7;max-width:340px;margin-top:8px}
body.member-mode .date-tag {display:none}
body.member-mode .page-heading>.btn {margin-top:0}
body.member-mode .hero {min-height:229px;border-radius:19px;padding:26px 24px;margin-bottom:17px;align-items:flex-start}
body.member-mode .hero-copy {max-width:100%}
body.member-mode .hero-label {font-size:8px;letter-spacing:.6px;max-width:100%;margin-bottom:15px}
body.member-mode .hero h2 {font-size:24px;max-width:265px;line-height:1.5;letter-spacing:0}
body.member-mode .hero p {font-size:12px;max-width:235px;line-height:1.8}
body.member-mode .hero .btn {min-height:44px;font-size:12px;padding:0 16px;margin-top:19px;gap:12px}
body.member-mode .hero-art {position:absolute;right:10px;bottom:-21px;width:180px;transform:scale(.57);transform-origin:right bottom;opacity:.68;pointer-events:none}
body.member-mode .hero:before {right:-180px;top:-20px}
body.member-mode .stat-grid {gap:12px;margin-bottom:26px}
body.member-mode .stat-card {padding:17px 16px;border-radius:14px}
body.member-mode .stat-top {font-size:12px;margin-bottom:11px;gap:5px}
body.member-mode .stat-icon {width:28px;height:28px}
body.member-mode .stat-icon svg {width:17px;height:17px}
body.member-mode .stat-value {font-size:28px;letter-spacing:-1px}
body.member-mode .stat-value small {font-size:16px}
body.member-mode .stat-foot {font-size:11px;line-height:1.5;margin-top:10px;min-height:33px}
body.member-mode .section-title {margin-bottom:15px;align-items:center}
body.member-mode .section-title h2 {font-size:17px}
body.member-mode .section-title h2 small {font-size:11px;display:block;margin:3px 0 0}
body.member-mode .text-link {font-size:12px;min-height:44px;gap:6px}
body.member-mode .text-link svg {width:15px}
body.member-mode .product-grid, body.member-mode .product-grid.catalog {grid-template-columns:1fr;gap:13px}
body.member-mode .product-card {display:flex;min-height:169px;border-radius:15px;overflow:hidden}
body.member-mode .product-art {width:113px;height:auto;min-height:169px;flex-shrink:0}
body.member-mode .product-art svg {width:102px;height:102px}
body.member-mode .product-art .tag {font-size:10px;top:12px;left:10px;padding:2px 7px}
body.member-mode .product-art:after {bottom:30px;width:65px;left:24px}
body.member-mode .product-info {padding:17px 15px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
body.member-mode .product-info h3 {font-size:14px;font-weight:650;white-space:normal;line-height:1.5;margin-bottom:5px;overflow-wrap:anywhere}
body.member-mode .product-info>p {font-size:11px;line-height:1.65;white-space:normal;margin:0}
body.member-mode .product-footer {margin-top:12px;padding-top:11px;gap:8px;align-items:center}
body.member-mode .commission small {font-size:10px;margin-bottom:2px;line-height:1.4}
body.member-mode .commission strong {font-size:21px;line-height:1.3}
body.member-mode .commission strong span {font-size:12px}
body.member-mode .product-footer .btn {font-size:11px;padding:0 10px;min-height:44px;white-space:nowrap}
body.member-mode .dashboard-products .product-card:last-child {display:none}
body.member-mode .dashboard-aside {display:grid;grid-template-columns:1fr;gap:18px}
body.member-mode .panel {padding:21px;border-radius:15px}
body.member-mode .panel .section-title h2 {font-size:16px}
body.member-mode .notice-line {gap:12px;padding:3px 0;min-height:52px}
body.member-mode .notice-line b {font-size:13px;line-height:1.6}
body.member-mode .notice-line small {font-size:11px;margin-top:5px}
body.member-mode .notice-dot {margin-top:10px;width:6px;height:6px}
body.member-mode .flow-item {gap:13px;margin-bottom:24px}
body.member-mode .flow-number {width:29px;height:29px;font-size:11px}
body.member-mode .flow-item strong {font-size:13px}
body.member-mode .flow-item p {font-size:12px;line-height:1.7;margin-top:5px}
body.member-mode .subtle-note {font-size:11px;align-items:flex-start;line-height:1.75;gap:7px}
body.member-mode .subtle-note svg {margin-top:3px;width:15px;height:15px}
body.member-mode .btn, body.member-mode .btn.small {min-height:44px;padding:0 16px;font-size:13px;border-radius:9px;line-height:1.4}
body.member-mode .btn svg {width:17px;height:17px}
body.member-mode .btn.small {font-size:12px;padding:0 13px}
body.member-mode .icon-button {min-height:44px;min-width:44px}
body.member-mode .mobile-nav {padding:9px 8px calc(10px + env(safe-area-inset-bottom));border-top-color:#e2eadf}
body.member-mode .mobile-nav a {min-height:56px;min-width:55px;font-size:11px;gap:4px;justify-content:center}
body.member-mode .mobile-nav svg {width:23px;height:23px}
body.member-mode .mobile-nav a.active {position:relative}
body.member-mode .mobile-nav a.active:before {content:"";position:absolute;inset:0 9px auto;height:31px;background:#0d786908;border-radius:10px}
body.member-mode .toolbar {gap:14px;margin-bottom:19px;align-items:flex-start}
body.member-mode .toolbar>.muted {font-size:12px}
body.member-mode .tabs {gap:5px;max-width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
body.member-mode .tabs::-webkit-scrollbar {display:none}
body.member-mode .tab {min-height:44px;padding:0 13px;font-size:12px;white-space:nowrap;flex-shrink:0;border-radius:9px}
body.member-mode .search-input {padding:0 13px;min-height:46px;border-radius:10px}
body.member-mode .search-input input {font-size:14px;min-height:44px}
body.member-mode .search-input svg {width:18px;height:18px}
body.member-mode .callout {font-size:12px;padding:13px 15px;line-height:1.8;gap:10px;margin-bottom:19px}
body.member-mode .callout svg {width:17px;height:17px;margin-top:3px}
body.member-mode .wallet-overview {gap:14px;margin-bottom:20px}
body.member-mode .balance-card {padding:25px;border-radius:17px}
body.member-mode .balance-card label {font-size:12px}
body.member-mode .balance-value {font-size:39px;margin:14px 0 21px}
body.member-mode .balance-value small {font-size:24px}
body.member-mode .balance-card .btn {min-height:44px;font-size:13px;padding:0 22px}
body.member-mode .wallet-summary {padding:20px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}
body.member-mode .wallet-summary label {font-size:12px}
body.member-mode .wallet-summary strong {font-size:26px;grid-row:1/3;grid-column:2}
body.member-mode .wallet-summary p {font-size:11px;max-width:none;margin:0}
body.member-mode .wallet-summary p br {display:none}
body.member-mode .bank-card {padding:24px;border-radius:15px}
body.member-mode .bank-card h3 {font-size:15px}
body.member-mode .bank-card .account-no {font-size:23px;margin:24px 0 17px}
body.member-mode .bank-card p {font-size:13px}
body.member-mode .invite-card {padding:27px 22px}
body.member-mode .invite-card h2 {font-size:20px}
body.member-mode .invite-card p {font-size:13px;line-height:1.8}
body.member-mode .invite-code {font-size:30px;letter-spacing:5px;margin:24px 0}
body.member-mode .invite-card>.row-inline {display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
body.member-mode .invite-card .btn {font-size:12px;padding:0 12px;white-space:nowrap}
body.member-mode .profile-card {padding:23px 21px;gap:15px}
body.member-mode .profile-card h2 {font-size:18px}
body.member-mode .profile-card p {font-size:12px;overflow-wrap:anywhere}
body.member-mode .profile-card .avatar {width:54px;height:54px;font-size:23px}
body.member-mode .profile-card .profile-tools {margin-top:10px;gap:10px}
body.member-mode .profile-card .profile-tools>.btn {flex:1}
body.member-mode .chip {font-size:11px;padding:3px 8px}
body.member-mode .setting-row {padding:20px 0;gap:15px}
body.member-mode .setting-row strong {font-size:14px}
body.member-mode .setting-row p {font-size:12px;line-height:1.7;margin-top:5px}
body.member-mode .setting-row>.btn {flex-shrink:0}
body.member-mode .level-card {padding:23px}
body.member-mode .level-card h3 {font-size:15px}
body.member-mode .level-card p {font-size:13px;margin-top:11px}
body.member-mode .ticket {padding:22px;margin-bottom:16px}
body.member-mode .ticket-head h3 {font-size:15px}
body.member-mode .ticket>p {font-size:14px;line-height:1.85}
body.member-mode .ticket small {font-size:11px;margin-top:17px}
body.member-mode .ticket-reply {padding:16px;font-size:13px;line-height:1.9}
body.member-mode .ticket-reply strong {font-size:11px}
body.member-mode .badge {font-size:11px;padding:4px 9px;white-space:nowrap}
body.member-mode .faq {padding:20px 0}
body.member-mode .faq summary {font-size:14px;min-height:28px}
body.member-mode .faq p {font-size:13px;line-height:1.9;padding-top:15px}
body.member-mode .announcement {padding:23px 20px;gap:14px}
body.member-mode .announcement h3 {font-size:16px;line-height:1.6;margin-bottom:11px}
body.member-mode .announcement p {font-size:14px;line-height:1.9}
body.member-mode .announcement small {font-size:11px}
body.member-mode .announcement-symbol {width:35px;height:35px}
body.member-mode .announcement-symbol svg {width:19px;height:19px}
body.member-mode .empty {padding:35px 23px;border-radius:14px}
body.member-mode .empty-icon {width:49px;height:49px}
body.member-mode .empty h3 {font-size:15px}
body.member-mode .empty p {font-size:13px;line-height:1.8;margin-top:10px}
body.member-mode .empty .btn {margin-top:20px}
body.member-mode .loading {height:260px;font-size:13px}
body.member-mode .table-wrap {overflow:visible;border:0;background:transparent;border-radius:0}
body.member-mode .table-wrap table, body.member-mode .table-wrap tbody {display:block;width:100%;white-space:normal}
body.member-mode .table-wrap thead {display:none}
body.member-mode .table-wrap tr {display:block;margin-bottom:15px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:14px}
body.member-mode .table-wrap tr:last-child {margin-bottom:0}
body.member-mode .table-wrap td {display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;border:0;padding:8px 0;font-size:13px;align-items:start;min-width:0;max-width:none;width:100%;white-space:normal!important;line-height:1.65}
body.member-mode .table-wrap td:before {content:attr(data-label);font-size:12px;line-height:1.8;color:#97a58d;font-weight:400}
body.member-mode .table-wrap td:first-child {padding-top:3px;padding-bottom:13px;margin-bottom:4px;border-bottom:1px solid #eef2e9}
body.member-mode .table-wrap td:last-child {padding-bottom:3px}
body.member-mode .table-wrap td strong {font-size:13px;font-weight:550;overflow-wrap:anywhere}
body.member-mode .table-wrap td small {font-size:11px;line-height:1.75;margin-top:4px;overflow-wrap:anywhere}
body.member-mode .table-wrap .cell-content {min-width:0;overflow-wrap:anywhere}
body.member-mode .table-wrap .actions {flex-wrap:wrap;gap:8px}
body.member-mode .table-wrap .actions .btn {min-height:44px;font-size:12px;padding:0 12px}
body.member-mode .table-wrap td[data-label="操作"] {align-items:center;padding-top:12px}
body.member-mode .table-wrap .content-wrap {max-width:none;min-width:0}
body.member-mode .form-grid {grid-template-columns:1fr;gap:20px}
body.member-mode .field>label {font-size:13px;line-height:1.6}
body.member-mode .field>label small {font-size:11px}
body.member-mode .field input, body.member-mode .field select, body.member-mode .field textarea {min-height:48px;padding:11px 13px;font-size:16px;border-radius:10px;color:#244539}
body.member-mode .field textarea {min-height:120px;line-height:1.7}
body.member-mode .field .hint {font-size:11px;line-height:1.8}
body.member-mode .field {gap:9px}
body.member-mode .stack {gap:20px}
body.member-mode .form-footer {gap:11px;margin-top:25px;display:flex}
body.member-mode .form-footer .btn {min-height:48px;flex:1;font-size:14px}
body.member-mode .settings-form {padding:22px 19px}
body.member-mode .settings-form .form-grid {gap:23px}
body.member-mode .modal-backdrop {align-items:flex-end;padding:18px 0 0;background:#12352999}
body.member-mode .modal {width:100%;max-width:100%;max-height:calc(100dvh - 35px);border-radius:23px 23px 0 0;padding:25px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 70px #062a2940}
body.member-mode .modal:before {content:"";width:38px;height:4px;background:#d9e2d5;border-radius:3px;display:block;position:absolute;top:0;left:calc(50% - 19px);transform:translateY(9px)}
body.member-mode .modal {position:relative}
body.member-mode .modal-header {margin-bottom:21px;gap:12px}
body.member-mode .modal-header h2 {font-size:20px;line-height:1.45}
body.member-mode .modal-header .icon-button {min-height:44px;min-width:44px;width:44px;height:44px}
body.member-mode .modal-copy {font-size:14px;line-height:1.9;margin-bottom:20px}
body.member-mode .detail-grid {padding:18px;gap:18px 14px;margin-bottom:22px;border-radius:12px}
body.member-mode .detail-grid div span {font-size:11px;line-height:1.6;margin-bottom:4px}
body.member-mode .detail-grid div strong {font-size:14px;line-height:1.7}
body.member-mode .form-error {font-size:13px;line-height:1.8;padding:12px 14px}
body.member-mode .modal .row-inline>.btn {flex:1}
body.member-mode .auth-main {padding:30px 25px 45px;min-height:100dvh}
body.member-mode .auth-mobile-brand {margin-bottom:42px}
body.member-mode .auth-mobile-brand .brand-symbol {width:41px;height:41px;font-size:26px}
body.member-mode .auth-mobile-brand .brand-text {font-size:19px}
body.member-mode .auth-mobile-brand .brand-text small {font-size:10px}
body.member-mode .auth-box {max-width:400px}
body.member-mode .auth-box>.eyebrow {font-size:10px}
body.member-mode .auth-box h2 {font-size:29px}
body.member-mode .auth-subtitle {font-size:13px;line-height:1.75;margin:11px 0 28px}
body.member-mode .auth-tabs {gap:28px;margin-bottom:26px}
body.member-mode .auth-tabs .btn {font-size:14px;min-height:44px;padding:0 2px 13px}
body.member-mode .auth-form {gap:20px}
body.member-mode .auth-form .btn {min-height:49px;font-size:15px;gap:14px;margin-top:8px}
body.member-mode .auth-error {font-size:13px;line-height:1.7;padding:12px 14px}
body.member-mode .auth-footnote {font-size:11px;line-height:1.9;margin-top:27px}
body.member-mode .auth-footnote svg {width:14px;height:14px}
body.member-mode .footer-note {font-size:11px;line-height:1.8;margin-top:27px}
body.member-mode .toast {font-size:13px;line-height:1.7;padding:14px 17px}
body.member-mode .toast svg {width:20px;height:20px}
body.member-mode #toast-root {bottom:calc(91px + env(safe-area-inset-bottom));left:16px;right:16px}
body.member-mode .recent-section {margin-top:27px}

@media(max-width:360px){
body.member-mode .page {padding-left:14px;padding-right:14px}
body.member-mode .topbar {padding:0 14px}
body.member-mode .breadcrumb {font-size:11px}
body.member-mode .profile-mini>div:last-child {display:none}
body.member-mode .product-art {width:96px}
body.member-mode .product-art svg {width:89px;height:89px}
body.member-mode .product-info {padding:15px 12px}
body.member-mode .product-footer .btn {font-size:11px;padding:0 8px}
body.member-mode .commission strong {font-size:19px}
body.member-mode .hero {padding:23px 20px}
body.member-mode .hero h2 {font-size:22px}
body.member-mode .stat-card {padding:15px 13px}
body.member-mode .stat-top {font-size:11px}
body.member-mode .stat-value {font-size:25px}
body.member-mode .table-wrap tr {padding:14px 15px}
body.member-mode .table-wrap td {grid-template-columns:74px minmax(0,1fr);gap:10px}
body.member-mode .invite-code {font-size:26px;letter-spacing:4px}
}

body.member-mode .topbar {gap:10px}
body.member-mode .breadcrumb {white-space:nowrap}
body.member-mode .profile-mini strong {max-width:72px}
body.member-mode .modal {max-height:90dvh}
body.member-mode .stat-foot, body.member-mode .product-info>p, body.member-mode .subtle-note, body.member-mode .section-title h2 small, body.member-mode .notice-line small, body.member-mode .flow-item p, body.member-mode .wallet-summary p, body.member-mode .setting-row p, body.member-mode .profile-card p, body.member-mode .field .hint, body.member-mode .footer-note, body.member-mode .auth-subtitle, body.member-mode .auth-footnote {color:#718071}
body.member-mode .hero p {color:#c7e6d4}
body.member-mode .hero .eyebrow {color:#d3ebd7}
body.member-mode .table-wrap td:before {color:#73806e}

body.member-mode .filter-date span {font-size:11px;color:#839477}
body.member-mode .filter-date input {width:100%;min-width:0;min-height:46px;font-size:13px;padding:9px 8px}
body.member-mode .filter-date {min-width:0}
body.member-mode .pagination {font-size:12px;flex-wrap:wrap;gap:12px}
body.member-mode .pagination .row-inline {margin-left:auto}
body.member-mode .permission-grid {grid-template-columns:1fr;gap:10px}
body.member-mode .checkbox-item {font-size:14px;min-height:49px;padding:12px 14px}
body.member-mode .checkbox-item input {width:18px!important;height:18px!important;min-height:18px!important}
body.member-mode .address-grid {grid-template-columns:1fr;gap:17px}
body.member-mode .address-card {padding:22px}
body.member-mode .address-card h3 {font-size:16px}
body.member-mode .address-card h3 span {font-size:13px;margin-left:10px}
body.member-mode .address-card p {font-size:14px;line-height:1.85}
body.member-mode .address-card>small {font-size:12px;color:#829577}
body.member-mode .address-card-actions {gap:9px;padding-top:17px;margin-top:19px}
body.member-mode .address-card-actions .btn {flex:1;font-size:12px;padding:0 10px}
body.member-mode .content-banner-grid {grid-template-columns:1fr;gap:13px}
body.member-mode .content-banner {padding:22px;min-height:140px;gap:10px}
body.member-mode .content-banner h3 {font-size:16px}
body.member-mode .content-banner p {font-size:12px;color:#728467}
body.member-mode .content-banner .text-link {font-size:12px;margin-top:9px;min-height:36px}
body.member-mode .content-banner-art, body.member-mode .content-banner-art svg {width:79px;height:79px}
body.member-mode .home-recommendations {margin-bottom:26px}
body.member-mode .notification-badge {font-size:10px;min-width:20px;height:20px;right:-3px;top:-3px}
body.member-mode .auth-recover-link {margin-top:10px}
body.member-mode .auth-recover-link .btn {font-size:12px;min-height:44px}
body.member-mode .image-editor-row {gap:14px}
body.member-mode .image-editor-preview {width:100px;height:100px}
body.member-mode .image-editor-row .hint {font-size:11px;margin-top:9px;line-height:1.7}
body.member-mode .upload-state {font-size:11px}
body.member-mode .image-editor-row .btn {font-size:12px;padding:0 12px}

body.member-mode .filter-date input {font-size:16px}
body.member-mode .auth-back-link {font-size:12px;min-height:44px;line-height:44px;margin-top:0}
body.member-mode {background:#e8efeb;min-width:0;}
body.member-mode #app {width:100%;max-width:430px;margin:0 auto;min-height:100dvh;background:var(--bg);box-shadow:0 0 50px #294e3510;}
body.member-mode .workspace {width:100%;margin:0;min-height:100dvh;}
body.member-mode .sidebar {display:none;}
body.member-mode .page {width:100%;max-width:430px;margin:0;}
body.member-mode .topbar {width:100%;max-width:430px;}
body.member-mode .member-page-title {font-size:16px;font-weight:650;line-height:1.45;white-space:nowrap;}
body.member-mode .mobile-nav {display:flex;position:fixed;left:50%;right:auto;width:min(100%,430px);transform:translateX(-50%);bottom:0;box-sizing:border-box;}
body.member-mode .modal-backdrop {align-items:flex-end;padding:18px 0 0;}
body.member-mode .modal, body.member-mode .modal.wide {width:min(100%,430px);max-width:430px;max-height:90dvh;margin:0;}
body.member-mode #toast-root {left:50%;right:auto;width:calc(min(100%,430px) - 32px);max-width:none;transform:translateX(-50%);bottom:calc(91px + env(safe-area-inset-bottom));}
body.member-mode .auth-layout {width:100%;min-height:100dvh;display:block;}
body.member-mode .auth-story {display:none;}
body.member-mode .auth-main {width:100%;min-height:100dvh;}
body.member-mode .auth-box {max-width:100%;}
body.member-mode .auth-main .field input, body.member-mode .field input, body.member-mode .field select, body.member-mode .field textarea {font-size:16px;}
body.member-mode .dashboard-aside .panel + .panel {margin-top:0;}
@media(min-width:431px){body.member-mode #app{border-left:1px solid #dfe8df;border-right:1px solid #dfe8df;}body.member-mode .mobile-nav{border-left:1px solid #dfe8df;border-right:1px solid #dfe8df;}}