/* TD-PRO v1.0.45 frontend bundle */
/* store.css */
:root{
  --brand:#087d72;--brand-2:#1b68a5;--accent:#e45b49;--success:#16866f;--danger:#b74637;
  --ink:#16211f;--muted:#65716e;--line:#dce5e1;--bg:#f2f6f4;--paper:#fff;
  --sidebar:#1d332e;--sidebar-text:#d8e5e1;--shadow:0 12px 30px rgba(23,45,39,.08);
  --header-h:64px;--rail-w:0px;--side-w:236px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}img{max-width:100%}[hidden],.is-hidden{display:none!important}.app{min-height:100vh}.stage{min-height:100vh;transition:margin .22s ease}.top-header{position:sticky;z-index:35;top:0;height:var(--header-h);display:flex;align-items:center;gap:20px;padding:0 max(18px,calc((100vw - 1370px)/2));border-bottom:1px solid rgba(211,223,218,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(140%)}.brand{display:flex;align-items:center;min-width:max-content;font-size:18px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;margin-right:10px;border-radius:7px;background:var(--brand);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)}.desktop-nav{display:flex;align-self:stretch;gap:4px}.nav-button{position:relative;min-width:82px;padding:0 14px;border:0;background:transparent;color:#4d5c57}.nav-button.active{color:var(--brand);font-weight:700}.nav-button.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--brand)}.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.tool-button,.button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#3e4d48}.tool-button.icon-only{width:40px;padding:0;font-size:18px}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent)}.button.danger{border-color:#f0c9c2;background:#fff7f5;color:#b74637}.button.ghost{background:transparent}.button.small{min-height:32px;padding:0 10px;font-size:12px}.page-canvas{width:min(1370px,calc(100% - 36px));margin:0 auto;padding:20px 0 94px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 16px}.page-title h1{margin:0;font-size:24px;line-height:1.2}.page-title p{margin:5px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px}.glass-panel,.panel{border:1px solid rgba(207,220,215,.92);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(125%)}.panel{background:#fff;box-shadow:0 5px 18px rgba(23,45,39,.045)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;font-size:17px}.section-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.inline-actions{display:flex;align-items:center;gap:7px}.notice-bar{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:14px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--brand) 6%,#fff);color:#52615c}.notice-bar b{color:var(--brand)}.notice-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-bar button{margin-left:auto;border:0;background:none;color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:245px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--brand) 8%,#fff)}.hero-copy{align-self:center;padding:32px 34px}.eyebrow{color:var(--brand);font-weight:800}.hero h1{max-width:650px;margin:8px 0 10px;font-size:32px;line-height:1.25}.hero p{max-width:590px;margin:0 0 20px;color:#53615d;font-size:15px}.hero-media{position:relative;min-height:245px}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;border-left:1px solid rgba(255,255,255,.5);background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 35%)}.hero-dots{display:flex;gap:6px;margin-top:18px}.hero-dots button{width:22px;height:5px;padding:0;border:0;border-radius:3px;background:#afc8c2}.hero-dots button.active{background:var(--brand)}.category-strip{display:flex;gap:8px;overflow:auto;margin:14px 0;padding:2px 1px 6px}.category-strip button,.segmented button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#55635f}.category-strip button.active,.segmented button.active{border-color:var(--brand);background:var(--brand);color:#fff}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin:18px 0 11px}.catalog-head h2{margin:0;font-size:21px}.catalog-head p{margin:4px 0 0;color:var(--muted)}.segmented{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:6px}.segmented button{border:0;border-radius:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(25,46,40,.055);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(25,46,40,.1)}.product-cover{position:relative;overflow:hidden;aspect-ratio:8/5;background:#dce8e4}.product-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.product-card:hover .product-cover img{transform:scale(1.025)}.product-badge{position:absolute;left:10px;top:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:rgba(255,255,255,.84);color:var(--brand);font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.product-body{padding:12px}.product-platform{color:var(--muted);font-size:12px}.product-card h3{height:43px;margin:5px 0 9px;font-size:15px;line-height:1.45}.product-meta{display:flex;align-items:center;justify-content:space-between}.price{color:var(--accent);font-size:19px;font-weight:800}.sales{color:var(--muted);font-size:12px}.product-grid.list{grid-template-columns:1fr}.product-grid.list .product-card{display:grid;grid-template-columns:190px minmax(0,1fr)}.product-grid.list .product-cover{height:120px;aspect-ratio:auto}.product-grid.list .product-card h3{height:auto}.product-grid.list .product-body{display:grid;grid-template-columns:1fr auto;align-items:center}.product-grid.list .product-meta{grid-column:2;grid-row:1/4;display:block;text-align:right}.product-grid.list .sales{display:block;margin-top:6px}
.workspace-grid{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(420px,1.12fr);gap:14px}.form-body{padding:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block;color:#5d6a66}.field.full{grid-column:1/-1}.field input,.field select,.field textarea,.search-input{width:100%;min-height:42px;margin-top:6px;padding:8px 11px;border:1px solid #cfdad6;border-radius:5px;background:#fff;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 11%,transparent)}.field textarea{min-height:86px;resize:vertical}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.empty-state{display:grid;place-items:center;min-height:340px;padding:30px;text-align:center;color:var(--muted)}.empty-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--bg);color:var(--brand);font-size:26px}.empty-state h3{margin:0 0 5px;color:var(--ink)}.course-list{padding:8px 16px}.course-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.course-option input{width:18px;height:18px;accent-color:var(--brand)}.course-option strong{display:block}.course-option span{color:var(--muted);font-size:12px}.order-total{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:color-mix(in srgb,var(--brand) 5%,#fff)}.order-total strong{color:var(--accent);font-size:20px}.success-state{max-width:680px;margin:40px auto;padding:38px;text-align:center}.success-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#e8f7f1;color:var(--success);font-size:30px;font-weight:800}.success-state h1{margin:0 0 8px}.success-state p{color:var(--muted)}
.query-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:9px;padding:16px}.query-toolbar .search-input{margin:0}.status-card{padding:18px}.order-summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-summary-line h2{margin:0 0 5px;font-size:18px}.order-summary-line p{margin:0;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:14px;background:#eaf6f2;color:var(--success);font-size:12px;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0}.timeline-step{position:relative;text-align:center;color:var(--muted)}.timeline-step:before{content:"";position:absolute;left:-50%;right:50%;top:10px;height:2px;background:var(--line)}.timeline-step:first-child:before{display:none}.timeline-step i{position:relative;z-index:1;display:block;width:20px;height:20px;margin:0 auto 7px;border:4px solid #fff;border-radius:50%;background:#bcc9c5;box-shadow:0 0 0 1px #bcc9c5}.timeline-step.done{color:var(--ink)}.timeline-step.done:before,.timeline-step.done i{background:var(--brand)}.order-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activity-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.activity-image{position:relative;height:148px;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover}.activity-image span{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.88);color:var(--brand);font-weight:700;backdrop-filter:blur(8px)}.activity-card div:last-child{padding:14px}.activity-card h3{margin:0 0 6px}.activity-card p{margin:0 0 12px;color:var(--muted)}
.account-hero{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;margin-bottom:14px}.profile-block,.metric-card{padding:16px}.profile-block{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);font-size:20px;font-weight:800}.profile-block strong{display:block;font-size:16px}.profile-block span,.metric-card span{color:var(--muted)}.metric-card strong{display:block;margin:7px 0 3px;font-size:23px}.metric-card small{color:var(--success)}.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.account-nav{align-self:start;padding:8px}.account-nav button{width:100%;min-height:42px;padding:0 12px;border:0;border-radius:5px;background:#fff;text-align:left;color:#55635f}.account-nav button.active{background:color-mix(in srgb,var(--brand) 9%,#fff);color:var(--brand);font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.quick-button{min-height:92px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#53605c}.quick-button b{display:block;margin-bottom:7px;color:var(--ink);font-size:21px}.ledger-row,.invite-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.ledger-row small,.invite-row small{color:var(--muted)}.positive{color:var(--success);font-weight:700}.negative{color:var(--accent);font-weight:700}.progress{height:8px;overflow:hidden;border-radius:4px;background:#e4ebe8}.progress span{display:block;height:100%;background:var(--brand)}.vip-block{padding:18px}.vip-block h2{margin:0 0 5px}.vip-block p{color:var(--muted)}.security-list{padding:0 16px}.security-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.security-row b{display:block}.security-row span{color:var(--muted);font-size:12px}.affiliate-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.affiliate-link{display:flex;gap:8px;padding:0 15px 15px}.affiliate-link input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:5px;padding:0 10px}
.admin-layout{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:calc(100vh - var(--header-h));border:1px solid var(--line);background:#fff}.admin-sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:10px}.admin-sidebar-title{padding:13px 12px 15px;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px;font-weight:800}.admin-sidebar button{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:inherit;text-align:left}.admin-sidebar button.active{background:rgba(255,255,255,.11);color:#fff;font-weight:700}.admin-main{min-width:0;padding:18px;background:var(--bg)}.admin-tabs{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.metric-card{min-width:0}.metric-card em{display:block;color:var(--success);font-size:12px;font-style:normal}.chart-panel{padding:16px}.chart{display:flex;align-items:end;gap:8px;height:170px;padding-top:20px;border-bottom:1px solid var(--line)}.chart i{flex:1;min-width:10px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--brand) 72%,#fff)}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:14px}.health-list{padding:6px 16px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.health-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--success)}.health-dot.warn{background:#d99d32}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 15px;border-bottom:1px solid var(--line)}.toolbar .search-input{width:min(320px,100%);margin:0}.toolbar select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff}.data-table{overflow-x:auto}.table-row{display:grid;grid-template-columns:1.1fr 1.5fr .9fr .8fr .8fr auto;gap:12px;align-items:center;min-width:820px;padding:13px 15px;border-bottom:1px solid var(--line)}.table-row.header{color:var(--muted);font-size:12px}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:color-mix(in srgb,var(--brand) 4%,#fff)}.table-row .status{color:var(--brand);font-weight:700}.pagination{display:flex;justify-content:flex-end;gap:5px;padding:13px 15px}.pagination button{min-width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:#fff}.pagination button.active{border-color:var(--brand);background:var(--brand);color:#fff}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.supplier-card{padding:16px}.supplier-card h3{margin:0 0 5px}.supplier-card p{margin:0 0 13px;color:var(--muted)}.supplier-meta{display:flex;justify-content:space-between;margin-bottom:11px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-section{padding:17px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.switch{position:relative;width:44px;height:24px;border:0;border-radius:12px;background:#c8d2ce}.switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .18s}.switch.on{background:var(--brand)}.switch.on:after{left:23px}
.rail{display:none}.secondary-sidebar{display:none}.mobile-bottom{display:none}.scrim{display:none;position:fixed;z-index:65;inset:0;background:rgba(18,31,28,.5);backdrop-filter:blur(2px)}.scrim.open{display:block}.modal-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:16px;background:rgba(17,29,26,.48);backdrop-filter:blur(6px)}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(12,28,23,.24);backdrop-filter:blur(22px) saturate(130%)}.modal.wide{width:min(780px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-close{width:38px;height:38px;border:0;background:none;font-size:23px;color:var(--muted)}.modal-body{padding:18px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.toast-stack{position:fixed;z-index:120;right:18px;top:78px;display:grid;gap:8px}.toast{min-width:250px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--success) 25%,var(--line));border-radius:6px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);color:#35433f;backdrop-filter:blur(14px)}.toast b{color:var(--success)}
body[data-frame="b"]{--brand:#287fc4;--brand-2:#36a579;--accent:#dc5f45;--success:#27896c;--ink:#152331;--muted:#667587;--line:#dbe3ea;--bg:#f2f6f9;--sidebar:#fff;--sidebar-text:#43566a;--shadow:0 10px 28px rgba(29,55,78,.08)}body[data-frame="b"] .brand-mark{background:#fff;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:none}body[data-frame="b"] .admin-layout{grid-template-columns:220px minmax(0,1fr)}body[data-frame="b"] .admin-sidebar{border-right:1px solid var(--line)}body[data-frame="b"] .admin-sidebar-title{border-color:var(--line);color:var(--ink)}body[data-frame="b"] .admin-sidebar button.active{background:var(--brand);color:#fff}body[data-frame="b"] .admin-tabs{display:flex;gap:5px;margin:-18px -18px 16px;padding:8px 18px 0;border-bottom:1px solid var(--line);background:#fff}body[data-frame="b"] .admin-tabs button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-bottom:0;background:#fff}body[data-frame="b"] .admin-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
body[data-frame="c"]{--brand:#178fd5;--brand-2:#168b70;--accent:#dd5c4d;--success:#168b70;--ink:#172436;--muted:#68778b;--line:#dbe5ed;--bg:#edf4f9;--sidebar:#fff;--sidebar-text:#4d6275;--rail-w:72px;--shadow:0 12px 30px rgba(30,67,94,.09)}body[data-frame="c"] .app{padding-left:calc(var(--rail-w) + var(--side-w))}body[data-frame="c"] .top-header{padding-left:20px}body[data-frame="c"] .page-canvas{width:calc(100% - 36px);max-width:1400px}body[data-frame="c"] .rail{position:fixed;z-index:72;left:0;top:0;bottom:0;display:flex;width:var(--rail-w);flex-direction:column;align-items:center;padding:12px 0;background:var(--brand);color:#fff}body[data-frame="c"] .rail .brand-mark{margin:0 0 17px;background:#fff;color:var(--brand);box-shadow:none}body[data-frame="c"] .rail button{width:100%;min-height:61px;border:0;background:transparent;color:#dff2fd;font-size:11px}body[data-frame="c"] .rail button b{display:block;font-size:17px}body[data-frame="c"] .rail button.active{background:rgba(255,255,255,.14);color:#fff}body[data-frame="c"] .rail .rail-last{margin-top:auto}body[data-frame="c"] .secondary-sidebar{position:fixed;z-index:70;left:var(--rail-w);top:0;bottom:0;display:block;width:var(--side-w);padding:18px 10px;border-right:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}body[data-frame="c"] .secondary-sidebar h2{margin:1px 10px 14px;font-size:18px}body[data-frame="c"] .secondary-sidebar .side-label{padding:9px 10px 5px;color:#8a98a7;font-size:11px;font-weight:700}body[data-frame="c"] .secondary-sidebar button{width:100%;min-height:41px;padding:0 11px;border:0;border-radius:5px;background:transparent;text-align:left;color:#536779}body[data-frame="c"] .secondary-sidebar button.active{background:var(--blue-soft,#edf7fd);color:var(--brand);font-weight:700}body[data-frame="c"].side-collapsed .app{padding-left:var(--rail-w)}body[data-frame="c"].side-collapsed .secondary-sidebar{transform:translateX(-100%)}body[data-frame="c"] .admin-layout{display:block;border:0}body[data-frame="c"] .admin-sidebar{display:none}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-hero{grid-template-columns:repeat(3,1fr)}.profile-block{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--header-h:58px}.top-header{height:58px;padding:0 12px;gap:8px}.brand{font-size:15px}.brand-mark{width:34px;height:34px;margin-right:8px}.desktop-nav,.header-tools .desktop-only{display:none}.header-tools{gap:6px}.header-tools .button{min-height:38px;padding:0 10px}.page-canvas{width:100%;padding:0 0 76px}.page-title{align-items:center;padding:14px 12px 0;margin-bottom:12px}.page-title h1{font-size:20px}.page-title p{display:none}.page-actions .button:not(.mobile-keep){display:none}.notice-bar{margin:0;border-width:0 0 1px;border-radius:0}.hero{grid-template-columns:1fr;min-height:190px;border-width:0 0 1px;border-radius:0}.hero-copy{padding:22px 15px}.hero h1{font-size:25px}.hero p{font-size:13px}.hero-media{display:none}.category-strip{margin:0;padding:10px 12px;background:#fff}.catalog-head{padding:0 12px;margin:18px 0 10px;align-items:center}.catalog-head h2{font-size:19px}.catalog-head p{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.product-card h3{height:40px;font-size:13px}.product-body{padding:10px}.price{font-size:17px}.product-grid.list{padding:0 12px}.product-grid.list .product-card{grid-template-columns:108px minmax(0,1fr)}.product-grid.list .product-cover{height:100%;min-height:108px}.product-grid.list .product-body{display:block}.product-grid.list .product-meta{display:flex;text-align:left}.workspace-grid{display:block}.workspace-grid>.panel{margin-bottom:10px;border-width:1px 0;border-radius:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.empty-state{min-height:230px}.query-toolbar{grid-template-columns:1fr auto;padding:12px}.query-toolbar select{display:none}.status-card{padding:14px}.order-summary-line{display:block}.status-pill{margin-top:10px}.timeline{font-size:11px}.order-actions .button{flex:1;min-width:calc(50% - 8px)}.activity-grid{grid-template-columns:1fr;padding:0 12px}.activity-image{height:135px}.account-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;margin:0}.profile-block{grid-column:1/-1}.profile-block,.metric-card{padding:13px}.metric-card strong{font-size:20px}.account-layout{display:block}.account-nav{display:flex;overflow:auto;border-width:1px 0;border-radius:0;padding:8px 12px}.account-nav button{flex:0 0 auto;width:auto;padding:0 14px}.account-content{border-width:1px 0;border-radius:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.ledger-row,.invite-row{grid-template-columns:1fr auto}.ledger-row span:nth-child(2),.invite-row span:nth-child(2){grid-column:1/-1}.ledger-row span:nth-child(3),.invite-row span:nth-child(3){display:none}.affiliate-summary{grid-template-columns:repeat(2,1fr)}.affiliate-link{display:block}.affiliate-link .button{width:100%;margin-top:8px}.admin-layout{display:block;min-height:auto;border:0}.admin-sidebar{position:fixed;z-index:75;left:0;top:0;bottom:0;display:block!important;width:min(82vw,330px);padding-top:18px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:16px 0 40px rgba(20,39,33,.18)}.admin-sidebar.open{transform:translateX(0)}.admin-main{padding:12px}.admin-tabs{overflow:auto;margin:-12px -12px 12px;padding-left:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:13px}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:10px}.chart{height:135px}.toolbar{padding:11px 12px}.toolbar .search-input{flex:1;min-width:150px}.data-table{overflow:visible}.table-row{min-width:0;grid-template-columns:1fr auto;padding:12px}.table-row.header{display:none}.table-row span:nth-child(2){grid-column:1/-1;color:var(--muted)}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.supplier-grid{grid-template-columns:1fr;padding:0 12px}.setting-section{padding:14px}.mobile-bottom{position:fixed;z-index:55;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{min-height:62px;border:0;background:transparent;color:#66736f;font-size:11px}.mobile-bottom img{display:block;width:20px;height:20px;margin:0 auto 4px;opacity:.68}.mobile-bottom button.active{color:var(--brand);font-weight:700}.mobile-bottom button.active img{opacity:1}.admin-mode .mobile-bottom{display:none}.modal-layer{align-items:end;padding:0}.modal{width:100%;max-height:88vh;border-radius:8px 8px 0 0}.modal.wide{width:100%}.modal-body{padding:15px}.toast-stack{left:12px;right:12px;top:68px}.toast{min-width:0}.scrim{z-index:73}body[data-frame="c"] .app{padding-left:0}body[data-frame="c"] .rail{transform:translateX(-105%);transition:transform .2s ease}body[data-frame="c"] .rail.open{transform:translateX(0)}body[data-frame="c"] .secondary-sidebar{z-index:74;left:64px;width:min(72vw,280px);transform:translateX(calc(-100% - 64px));transition:transform .2s ease}body[data-frame="c"] .secondary-sidebar.open{transform:translateX(0)}body[data-frame="c"] .top-header{padding-left:12px}body[data-frame="c"] .page-canvas{width:100%}body[data-frame="c"].side-collapsed .app{padding-left:0}}
@media(max-width:760px){body[data-frame="b"] .admin-tabs{margin:-12px -12px 12px}.modal.wide .modal-body>div{grid-template-columns:1fr!important}.modal.wide .modal-body img{width:100%!important;max-height:190px;object-fit:cover}}
.mobile-menu{display:none}.notice-bar b{flex:0 0 auto;white-space:nowrap}.category-strip,.account-nav,.admin-tabs{scrollbar-width:none}.category-strip::-webkit-scrollbar,.account-nav::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{display:none}body[data-frame="c"] .mobile-menu{display:block}
@media(max-width:760px){.mobile-menu{display:block}body[data-frame="c"] .admin-sidebar{display:none!important}body[data-frame="c"] .rail{width:64px}}

/* Open-source commerce/admin study pass: compact storefront and disciplined operations UI. */
svg[data-lucide]{display:inline-block;flex:0 0 auto;vertical-align:-3px}.button,.tool-button,.nav-button,.mobile-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.utility-strip{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1370px)/2));border-bottom:1px solid #e7ecea;background:#f7f9f8;color:#71807b;font-size:12px}.utility-strip>div{display:flex;align-items:center;gap:20px}.utility-strip button{padding:0;border:0;background:none;color:#5e6b67}.top-header{background:#fff;backdrop-filter:none}.brand{min-width:188px}.store-search{display:flex;flex:1;max-width:470px;height:38px;margin-left:4px;border:2px solid var(--brand);border-radius:5px;background:#fff}.store-search input{min-width:0;flex:1;padding:0 12px;border:0;outline:0;background:transparent}.store-search button{width:82px;border:0;background:var(--brand);color:#fff}.desktop-nav{margin-left:auto}.nav-button{min-width:68px;padding:0 10px;font-size:13px}.header-tools{margin-left:0}.page-canvas{padding-top:16px}.notice-bar{min-height:38px;margin-bottom:10px;background:#fff}.notice-bar b{display:flex;align-items:center;gap:6px}.storefront-lead{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;min-height:300px;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}.store-category{border-right:1px solid var(--line);background:#fff}.store-category-title{height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--brand);color:#fff;font-weight:700}.store-category button{width:100%;height:36px;display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:7px;padding:0 13px;border:0;background:#fff;color:#4f5d59;text-align:left}.store-category button:hover,.store-category button.active{background:color-mix(in srgb,var(--brand) 7%,#fff);color:var(--brand)}.campaign-banner{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--brand) 8%,#f8fbfa)}.campaign-banner>img{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover}.campaign-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 8%,#f8fbfa) 0%,color-mix(in srgb,var(--brand) 8%,#f8fbfa) 42%,transparent 78%);pointer-events:none}.campaign-copy{position:relative;z-index:2;max-width:62%;padding:46px 30px}.campaign-copy h1{margin:8px 0 9px;font-size:27px;line-height:1.25}.campaign-copy p{margin:0 0 18px;color:#576660}.campaign-copy .button{box-shadow:none}.hero-dots{margin-top:19px}.store-quick{padding:15px;border-left:1px solid var(--line);background:#fff}.quick-user{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}.avatar.small{width:38px;height:38px;font-size:14px}.quick-user b,.quick-user small{display:block}.quick-user small{margin-top:2px;color:var(--muted);font-size:11px}.quick-order-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 0}.quick-order-stats button{padding:0;border:0;background:none;color:var(--muted);font-size:11px}.quick-order-stats b{display:block;color:var(--ink);font-size:17px}.quick-main,.quick-link{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:4px}.quick-main{background:var(--brand);color:#fff}.quick-link{margin-top:7px;border:1px solid var(--line);background:#fff;color:#50605b}.service-points{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line);border-radius:5px;background:#fff}.service-points span{min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line);color:#596762}.service-points span:last-child{border-right:0}.service-points svg{color:var(--brand)}.mobile-category{display:none}.catalog-head{margin:19px 0 10px}.catalog-head h2{font-size:20px}.catalog-head .segmented button{width:38px;padding:0}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.product-card{border-radius:5px;box-shadow:none}.product-card:hover{box-shadow:0 10px 24px rgba(27,49,42,.1)}.product-cover{aspect-ratio:7/4}.product-card h3{font-size:14px}.product-body{padding:11px}.price{font-size:18px}.panel{border-radius:5px;box-shadow:none}.admin-layout{border-radius:5px;overflow:hidden}.admin-sidebar{padding:0 9px 12px}.admin-sidebar-title{display:flex;align-items:center;gap:3px;margin:0 -9px 8px;padding:11px 14px}.admin-sidebar-title .brand-mark{width:34px;height:34px;margin-right:7px;box-shadow:none}.admin-sidebar-title span:last-child{line-height:1.25}.admin-sidebar-title small{display:block;margin-top:3px;opacity:.55;font-size:9px;font-weight:500}.admin-nav-label{padding:12px 12px 5px;color:color-mix(in srgb,var(--sidebar-text) 60%,transparent);font-size:10px}.admin-sidebar button{display:grid;grid-template-columns:21px 1fr 14px;align-items:center;gap:8px}.admin-sidebar button svg:last-child{opacity:.45}.admin-tabs{align-items:end}.admin-tabs button{display:inline-flex;align-items:center;gap:6px}.admin-tabs button small{margin-left:8px;opacity:.45}.admin-tabs-tools{display:flex;align-items:center;gap:13px;margin-left:auto;padding:0 4px 11px;color:var(--muted)}.metric-card span{display:flex;align-items:center;gap:7px}.metric-card span svg{color:var(--brand)}.table-row{padding-top:11px;padding-bottom:11px}.rail button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px}.rail button span{display:block}.rail button svg{margin:0!important}.modal{background:#fff;backdrop-filter:none}.toast{background:#fff;backdrop-filter:none}
@media(max-width:1180px){.storefront-lead{grid-template-columns:180px minmax(0,1fr)}.store-quick{display:none}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-search{max-width:360px}.desktop-nav{display:none}}
@media(max-width:900px){.storefront-lead{grid-template-columns:165px minmax(0,1fr)}.campaign-copy{max-width:72%;padding:38px 24px}.campaign-copy h1{font-size:24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mobile-menu{display:none!important}body[data-frame="c"] .mobile-menu{display:inline-flex!important}
@media(min-width:761px){body.admin-mode[data-frame="a"] .top-header .brand,body.admin-mode[data-frame="b"] .top-header .brand{display:none}body.admin-mode .top-header .header-tools{margin-left:auto}}
@media(max-width:760px){.utility-strip{display:none}.desktop-only{display:none!important}.mobile-menu{display:inline-flex!important}.top-header{position:sticky}.brand{min-width:0}.header-tools{margin-left:auto}.storefront-lead{display:block;min-height:218px;border-width:0 0 1px;border-radius:0}.store-category,.store-quick{display:none}.campaign-banner{height:218px}.campaign-banner>img{display:none}.campaign-banner:after{display:none}.campaign-copy{max-width:100%;padding:25px 15px}.campaign-copy h1{max-width:340px;margin-top:6px;font-size:23px}.campaign-copy p{max-width:340px;margin-bottom:14px;font-size:12px}.campaign-copy .hero-dots{margin-top:13px}.service-points{grid-template-columns:repeat(2,1fr);margin:0;border-width:0 0 1px;border-radius:0}.service-points span{min-height:41px;border-bottom:1px solid var(--line);font-size:12px}.service-points span:nth-child(2){border-right:0}.mobile-category{display:flex}.catalog-head{margin-top:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom button{display:flex;flex-direction:column;gap:3px}.mobile-bottom button svg{margin:0}.admin-sidebar-title{margin:0 0 8px}.admin-nav-label{padding-top:9px}}
@media(min-width:1181px){.storefront-lead{grid-template-columns:190px minmax(0,1fr);min-height:280px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.drawer-close{display:none!important}
@media(max-width:760px){.admin-sidebar .drawer-close{display:inline-grid!important;place-items:center;width:36px;min-height:36px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(255,255,255,.08);color:inherit}.admin-sidebar .drawer-close svg{opacity:1}.admin-sidebar-title>span:nth-child(2){min-width:0;white-space:nowrap}body[data-frame="b"] .admin-sidebar .drawer-close{border-color:var(--line);background:var(--bg);color:var(--brand)}}

/* Reference A account overview confirmed layout. */
body[data-frame="a"] .account-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px}
body[data-frame="a"] .account-overview-item{min-width:0;min-height:98px;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid var(--line);border-radius:6px;background:#fff}
body[data-frame="a"] .account-overview-item span{color:var(--muted)}
body[data-frame="a"] .account-overview-item strong{display:block;margin-top:8px;font-size:22px}
@media(max-width:760px){body[data-frame="a"] .account-top-metric{display:none}body[data-frame="a"] .account-hero-reference-a{display:block;margin-top:-16px;padding:0}body[data-frame="a"] .account-hero-reference-a .profile-block{width:100%;border-right:0;border-left:0;border-radius:0}body[data-frame="a"] .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}body[data-frame="a"] .account-overview-item{min-height:92px;padding:13px}body[data-frame="a"] .account-overview-item strong{font-size:20px}}

/* Reference A system update center. */
body[data-frame="a"] .update-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-tabs button{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}
body[data-frame="a"] .update-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:700}
body[data-frame="a"] .update-tabs button:disabled{opacity:.55;cursor:not-allowed}
body[data-frame="a"] .update-version-strip{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(240px,1.25fr);margin-bottom:14px;overflow:hidden}
body[data-frame="a"] .update-version-strip>div{min-height:78px;padding:14px 16px;border-right:1px solid var(--line)}
body[data-frame="a"] .update-version-strip>div:last-child{border-right:0}
body[data-frame="a"] .update-version-strip span,body[data-frame="a"] .update-version-strip small{display:block;color:var(--muted)}
body[data-frame="a"] .update-version-strip strong{display:block;margin-top:7px;font-size:18px}
body[data-frame="a"] .update-version-strip .update-lock-state{display:flex;align-items:center;gap:11px;background:#f8faf9}
body[data-frame="a"] .update-lock-state>svg{color:var(--brand)}
body[data-frame="a"] .update-lock-state span b{display:block;color:var(--ink)}
body[data-frame="a"] .update-lock-state span small{margin-top:3px;font-size:11px}
body[data-frame="a"] .update-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:14px;align-items:start}
body[data-frame="a"] .update-upload-panel,body[data-frame="a"] .update-precheck,body[data-frame="a"] .update-package-detail{overflow:hidden}
body[data-frame="a"] .update-dropzone{margin:0 16px 15px;min-height:142px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px;border:1px dashed #afc7c0;border-radius:6px;background:#f7faf9;color:var(--brand);cursor:pointer}
body[data-frame="a"] .update-dropzone.has-package{border-style:solid;border-color:#acd8cc;background:#f1faf7}
body[data-frame="a"] .update-dropzone>div b,body[data-frame="a"] .update-dropzone>div span{display:block}
body[data-frame="a"] .update-dropzone>div b{overflow-wrap:anywhere;color:var(--ink)}
body[data-frame="a"] .update-dropzone>div span{margin-top:5px;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 16px;border-top:1px solid var(--line);background:#fbfcfc}
body[data-frame="a"] .update-demo-actions>span{margin-right:auto;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-check-list{padding:0 16px 10px}
body[data-frame="a"] .update-check-list>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 0;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-check-list>div:last-child{border-bottom:0}
body[data-frame="a"] .update-check-list span{display:flex;align-items:center;gap:8px}
body[data-frame="a"] .update-check-list span svg,body[data-frame="a"] .update-check-list em{color:var(--success)}
body[data-frame="a"] .update-check-list small{grid-column:1;color:var(--muted)}
body[data-frame="a"] .update-check-list em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;font-weight:700}
body[data-frame="a"] .update-target{display:flex;align-items:center;justify-content:center;gap:24px;padding:19px 16px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-target>div{text-align:center}
body[data-frame="a"] .update-target span,body[data-frame="a"] .update-target b{display:block}
body[data-frame="a"] .update-target span{color:var(--muted);font-size:12px}
body[data-frame="a"] .update-target b{margin-top:5px;font-size:20px}
body[data-frame="a"] .update-target>svg{color:var(--brand)}
body[data-frame="a"] .update-compat,body[data-frame="a"] .update-alert{display:flex;align-items:flex-start;gap:9px;margin:14px 16px;padding:12px 13px;border-left:3px solid var(--brand);background:#f2f8f6}
body[data-frame="a"] .update-compat>svg,body[data-frame="a"] .update-alert>svg{flex:0 0 auto;margin-top:2px;color:var(--brand)}
body[data-frame="a"] .update-compat b,body[data-frame="a"] .update-compat small,body[data-frame="a"] .update-alert b,body[data-frame="a"] .update-alert small{display:block}
body[data-frame="a"] .update-compat small,body[data-frame="a"] .update-alert small{margin-top:3px;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-alert.danger{border-color:var(--danger);background:#fff5f3;color:var(--danger)}
body[data-frame="a"] .update-alert.danger>svg{color:var(--danger)}
body[data-frame="a"] .update-package-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 16px}
body[data-frame="a"] .update-package-meta>div{padding:10px 0;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-package-meta dt{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-package-meta dd{margin:3px 0 0;font-weight:700}
body[data-frame="a"] .update-notes{padding:13px 16px}
body[data-frame="a"] .update-notes ul{margin:8px 0 0;padding-left:19px;color:#52615c}
body[data-frame="a"] .update-notes li{margin:5px 0}
body[data-frame="a"] .update-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid var(--line);background:#fbfcfc}
body[data-frame="a"] .update-progress-panel{max-width:880px;margin:0 auto;overflow:hidden}
body[data-frame="a"] .update-progress-head{display:flex;align-items:flex-end;justify-content:space-between;padding:21px 22px 14px}
body[data-frame="a"] .update-progress-head span{color:var(--muted)}
body[data-frame="a"] .update-progress-head h2{margin:4px 0 0;font-size:20px}
body[data-frame="a"] .update-progress-head>strong{color:var(--brand);font-size:34px}
body[data-frame="a"] .update-progress-track{height:9px;margin:0 22px 18px;overflow:hidden;border-radius:5px;background:#e3ebe8}
body[data-frame="a"] .update-progress-track span{display:block;height:100%;background:var(--brand);transition:width .3s ease}
body[data-frame="a"] .update-task-list{border-top:1px solid var(--line)}
body[data-frame="a"] .update-task{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:58px;padding:9px 22px;border-bottom:1px solid var(--line)}
body[data-frame="a"] .update-task>span{color:#9aaaa5}
body[data-frame="a"] .update-task b,body[data-frame="a"] .update-task small{display:block}
body[data-frame="a"] .update-task small{margin-top:2px;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-task em{color:var(--muted);font-style:normal;font-size:12px}
body[data-frame="a"] .update-task.running{background:#f2f8f6}
body[data-frame="a"] .update-task.running>span,body[data-frame="a"] .update-task.running em{color:var(--brand)}
body[data-frame="a"] .update-task.running>span svg{animation:spin .8s linear infinite}
body[data-frame="a"] .update-task.done>span,body[data-frame="a"] .update-task.done em{color:var(--success)}
body[data-frame="a"] .update-task.failed>span,body[data-frame="a"] .update-task.failed em{color:var(--danger)}
@keyframes spin{to{transform:rotate(360deg)}}
body[data-frame="a"] .update-maintenance-note{display:flex;align-items:center;gap:8px;padding:13px 22px;background:#fbfcfc;color:var(--muted);font-size:12px}
body[data-frame="a"] .update-result{max-width:760px;margin:0 auto;padding:42px 25px;text-align:center}
body[data-frame="a"] .update-result-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#e8f6f2;color:var(--success)}
body[data-frame="a"] .update-result.failed .update-result-icon{background:#fff0ee;color:var(--danger)}
body[data-frame="a"] .update-result h2{margin:0;font-size:24px}
body[data-frame="a"] .update-result>p{max-width:590px;margin:8px auto 20px;color:var(--muted)}
body[data-frame="a"] .update-backup-ref{max-width:530px;margin:0 auto 20px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f8faf9;text-align:left}
body[data-frame="a"] .update-backup-ref span,body[data-frame="a"] .update-backup-ref b,body[data-frame="a"] .update-backup-ref small{display:block}
body[data-frame="a"] .update-backup-ref span,body[data-frame="a"] .update-backup-ref small{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-backup-ref small{margin-top:4px;overflow-wrap:anywhere;font-family:Consolas,monospace}
body[data-frame="a"] .update-result-actions{display:flex;justify-content:center;gap:8px}
body[data-frame="a"] .update-history{overflow:hidden}
body[data-frame="a"] .update-history-table{overflow-x:auto}
body[data-frame="a"] .update-history-row{display:grid;grid-template-columns:160px 125px minmax(210px,1.2fr) minmax(220px,1fr) 80px 70px;gap:12px;align-items:center;min-width:980px;padding:12px 16px;border-top:1px solid var(--line)}
body[data-frame="a"] .update-history-row.header{border-top:0;background:#f8faf9;color:var(--muted);font-size:11px}
body[data-frame="a"] .update-history-row b,body[data-frame="a"] .update-history-row small{display:block}
body[data-frame="a"] .update-history-row small{margin-top:3px;color:var(--muted);font-size:10px}
body[data-frame="a"] .update-history-row code{overflow-wrap:anywhere;color:#52615c;font-size:11px}
body[data-frame="a"] .update-history-status{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border-radius:13px;background:#e9f6f1;color:var(--success);font-style:normal;font-size:11px;font-weight:700}
body[data-frame="a"] .update-history-status.fail{background:#fff0ee;color:var(--danger)}
body[data-frame="a"] .update-history-status.rollback{background:#fff6e2;color:#a66c10}
body[data-frame="a"] .update-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-frame="a"] .update-confirm-summary>div{padding:12px;border:1px solid var(--line);border-radius:5px}
body[data-frame="a"] .update-confirm-summary span,body[data-frame="a"] .update-confirm-summary b{display:block}
body[data-frame="a"] .update-confirm-summary span{color:var(--muted);font-size:11px}
body[data-frame="a"] .update-confirm-summary b{margin-top:4px;font-size:18px}
@media(max-width:900px){body[data-frame="a"] .update-workspace{grid-template-columns:1fr}body[data-frame="a"] .update-version-strip{grid-template-columns:repeat(3,1fr)}body[data-frame="a"] .update-version-strip .update-lock-state{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:760px){body[data-frame="a"] .update-tabs{margin:0 -12px 10px;padding-left:12px;background:#fff}body[data-frame="a"] .update-version-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px}body[data-frame="a"] .update-version-strip>div{min-height:70px;padding:11px 12px}body[data-frame="a"] .update-version-strip>div:nth-child(2){border-right:0}body[data-frame="a"] .update-version-strip>div:nth-child(3){border-top:1px solid var(--line)}body[data-frame="a"] .update-version-strip .update-lock-state{grid-column:auto;border-top:1px solid var(--line)}body[data-frame="a"] .update-version-strip strong{font-size:16px}body[data-frame="a"] .update-dropzone{grid-template-columns:34px minmax(0,1fr);min-height:128px;margin:0 12px 12px;padding:15px}body[data-frame="a"] .update-dropzone>.button{grid-column:1/-1;width:100%}body[data-frame="a"] .update-demo-actions{padding:11px 12px}body[data-frame="a"] .update-demo-actions>span{width:100%}body[data-frame="a"] .update-demo-actions .button{flex:1;padding:0 8px}body[data-frame="a"] .update-package-meta{grid-template-columns:1fr;padding:0 12px}body[data-frame="a"] .update-compat,body[data-frame="a"] .update-alert{margin:12px}body[data-frame="a"] .update-notes{padding:12px}body[data-frame="a"] .update-actions{padding:11px 12px}body[data-frame="a"] .update-actions .button{flex:1}body[data-frame="a"] .update-progress-head{padding:17px 14px 12px}body[data-frame="a"] .update-progress-head>strong{font-size:29px}body[data-frame="a"] .update-progress-track{margin:0 14px 14px}body[data-frame="a"] .update-task{grid-template-columns:25px minmax(0,1fr) auto;padding:9px 13px}body[data-frame="a"] .update-task em{font-size:10px}body[data-frame="a"] .update-maintenance-note{padding:12px 14px}body[data-frame="a"] .update-result{padding:32px 15px}body[data-frame="a"] .update-result-actions{display:grid}body[data-frame="a"] .update-history-table{overflow:visible}body[data-frame="a"] .update-history-row.header{display:none}body[data-frame="a"] .update-history-row{min-width:0;display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:0 12px 10px;padding:13px;border:1px solid var(--line);border-radius:5px}body[data-frame="a"] .update-history-row>span:nth-child(3),body[data-frame="a"] .update-history-row>span:nth-child(4){grid-column:1/-1}body[data-frame="a"] .update-history-row>span:nth-child(5){grid-column:1}body[data-frame="a"] .update-history-row>span:nth-child(6){grid-column:2;grid-row:4}body[data-frame="a"] .update-history-row code{display:block;padding:6px;background:#f7f9f8}body[data-frame="a"] .update-confirm-summary{grid-template-columns:1fr 1fr}}

/* Reference A integrated authentication. */
body[data-frame="a"].auth-mode .page-canvas{padding-top:26px}
body[data-frame="a"] .embedded-auth-shell{width:min(920px,100%);min-height:560px;display:grid;grid-template-columns:310px minmax(0,1fr);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 16px 42px rgba(20,46,38,.1)}
body[data-frame="a"] .embedded-auth-context{display:flex;flex-direction:column;padding:34px 30px;background:var(--sidebar);color:#d9e8e3}
body[data-frame="a"] .embedded-auth-context>span{display:inline-flex;align-items:center;gap:7px;margin:auto 0 0;color:#9fc0b7;font-size:12px;font-weight:700}
body[data-frame="a"] .embedded-auth-context h1{margin:10px 0 7px;color:#fff;font-size:26px;line-height:1.25}
body[data-frame="a"] .embedded-auth-context p{margin:0;color:#a9c2bb}
body[data-frame="a"] .embedded-auth-context small{margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.13);color:#8eaaa3}
body[data-frame="a"] .embedded-auth-shell.admin .embedded-auth-context{background:#102c26}
body[data-frame="a"] .embedded-auth-content{min-width:0;display:flex;align-items:center;justify-content:center;padding:42px 64px}
body[data-frame="a"] .embedded-auth-form-wrap{width:100%;max-width:390px}
body[data-frame="a"] .embedded-auth-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:17px;padding:5px 8px;border:1px solid #b9d7d0;border-radius:4px;background:#f1f8f6;color:var(--brand);font-size:11px;font-weight:700}
body[data-frame="a"] .embedded-auth-form-wrap>h2{margin:0;font-size:24px}
body[data-frame="a"] .embedded-auth-form-wrap>p{margin:5px 0 22px;color:var(--muted)}
body[data-frame="a"] .embedded-auth-form{display:grid;gap:13px}
body[data-frame="a"] .embedded-auth-field>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#465650}
body[data-frame="a"] .embedded-auth-field>span em{color:var(--danger);font-style:normal;font-size:11px}
body[data-frame="a"] .embedded-auth-input{position:relative}
body[data-frame="a"] .embedded-auth-input>svg{position:absolute;left:12px;top:13px;color:#7a8984}
body[data-frame="a"] .embedded-auth-input input{width:100%;height:44px;padding:0 43px 0 40px;border:1px solid #cbd8d3;border-radius:5px;outline:0;color:var(--ink)}
body[data-frame="a"] .embedded-auth-input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,125,114,.1)}
body[data-frame="a"] .embedded-auth-input input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(183,70,55,.08)}
body[data-frame="a"] .embedded-auth-input button{position:absolute;right:4px;top:4px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#788782}
body[data-frame="a"] .embedded-auth-field>small{display:block;min-height:17px;margin-top:3px;color:var(--danger);font-size:11px}
body[data-frame="a"] .embedded-auth-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-2px}
body[data-frame="a"] .embedded-auth-options label{display:flex;align-items:center;gap:7px;color:#52615c}
body[data-frame="a"] .embedded-auth-options input{width:16px;height:16px;margin:0;accent-color:var(--brand)}
body[data-frame="a"] .embedded-auth-options small{color:var(--muted);font-size:11px}
body[data-frame="a"] .embedded-auth-submit{width:100%;height:43px}
body[data-frame="a"] .embedded-auth-submit:disabled{cursor:wait;opacity:.7}
body[data-frame="a"] .embedded-auth-submit svg.lucide-loader-circle{animation:spin .8s linear infinite}
body[data-frame="a"] .embedded-auth-switch{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}
body[data-frame="a"] .embedded-auth-switch button,body[data-frame="a"] .embedded-auth-back{border:0;background:transparent;color:var(--brand);font-weight:700}
body[data-frame="a"] .embedded-auth-back{display:inline-flex;align-items:center;gap:6px;margin-top:19px;padding:0}
body[data-frame="a"] .embedded-password-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:-5px}
body[data-frame="a"] .embedded-password-rules span{display:flex;align-items:center;gap:4px;color:#8a9692;font-size:10px}
body[data-frame="a"] .embedded-password-rules span.ok{color:var(--success)}
body[data-frame="a"] .embedded-auth-alert{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 11px;border-left:3px solid var(--danger);background:#fff5f3;color:var(--danger)}
body[data-frame="a"] .embedded-auth-success{width:100%;max-width:420px;text-align:center}
body[data-frame="a"] .embedded-auth-success>span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#e7f4f1;color:var(--success)}
body[data-frame="a"] .embedded-auth-success h2{margin:0;font-size:24px}
body[data-frame="a"] .embedded-auth-success p{margin:8px 0 22px;color:var(--muted)}
body[data-frame="a"] .embedded-auth-redirect{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-weight:700}
body[data-frame="a"] .embedded-auth-redirect svg{animation:spin .8s linear infinite}
@media(max-width:760px){body[data-frame="a"].auth-mode .desktop-nav,body[data-frame="a"].auth-mode .header-tools .desktop-only{display:none}body[data-frame="a"].auth-mode .page-canvas{padding:0 0 32px}body[data-frame="a"] .embedded-auth-shell{width:100%;min-height:calc(100vh - 58px);display:block;border:0;border-radius:0;box-shadow:none}body[data-frame="a"] .embedded-auth-context{display:none}body[data-frame="a"] .embedded-auth-content{align-items:flex-start;padding:38px 22px}body[data-frame="a"] .embedded-auth-form-wrap{max-width:none}body[data-frame="a"] .embedded-password-rules{grid-template-columns:1fr;gap:4px}body[data-frame="a"] .embedded-auth-success{margin-top:42px}}

/* store-formal.css */
a{letter-spacing:0}.brand-link,.nav-button,.tool-button,.mobile-bottom a,.category-strip a,.product-card,.account-nav a{text-decoration:none}.brand-link{color:var(--ink)}.brand-link:focus-visible,.nav-button:focus-visible,.tool-button:focus-visible,.mobile-bottom a:focus-visible{outline:3px solid rgba(8,125,114,.16);outline-offset:2px}.support-button{color:var(--ink)}.support-button:hover{border-color:var(--brand);color:var(--brand)}.mobile-bottom a{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:#66736f;font-size:11px}.mobile-bottom a svg{margin:0}.mobile-bottom a.active{color:var(--brand);font-weight:700}
.hero{display:block}.hero-slide{display:none;grid-template-columns:1.12fr .88fr;min-height:400px}.hero-slide.active{display:grid}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-media{min-width:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-copy .button{align-self:flex-start;text-decoration:none}.category-strip a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);white-space:nowrap}.category-strip a.active{border-color:var(--brand);background:var(--brand);color:#fff}.product-card{display:block;color:var(--ink)}.product-grid.list .product-card{display:grid}.product-grid.list .product-cover{height:100%}.product-grid.list .product-body{min-width:0}.page-title .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--brand);text-decoration:none}.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:18px}.product-detail-media{overflow:hidden;padding:0}.product-detail-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.product-order-panel{padding:28px}.product-order-panel h2{margin:7px 0}.product-order-panel>p{color:var(--muted)}.detail-price{display:flex;align-items:baseline;gap:12px;margin:24px 0}.detail-price strong{color:var(--brand);font-size:32px}.detail-price del{color:var(--muted)}.formal-form{display:grid;gap:14px}.formal-form .field input{width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:5px;outline:0}.formal-form .field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,125,114,.1)}.form-note{display:flex;align-items:flex-start;gap:8px;padding:12px;border-left:3px solid var(--brand);background:var(--brand-soft);color:var(--muted)}.form-note svg{flex:0 0 auto}.form-alert{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #e9bbb5;border-radius:5px;background:#fff5f4;color:var(--danger)}.form-alert.success{border-color:#b9ded4;background:#f1faf7;color:var(--success)}.order-submit{width:100%;text-decoration:none}.support-panel{display:grid;place-items:center;min-height:420px;padding:30px;text-align:center}.support-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.support-mark svg{width:30px;height:30px}.support-panel h2{margin:16px 0 4px}.support-panel p{max-width:520px;color:var(--muted)}
.account-nav a{display:flex;align-items:center;min-height:42px;padding:0 13px;border-radius:4px;color:var(--muted)}.account-nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.level-item{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:5px}.level-item span,.level-item small{color:var(--muted)}.level-item.active{border-color:var(--brand);background:var(--brand-soft)}.security-list{display:grid;gap:0;margin-bottom:18px;border:1px solid var(--line);border-radius:5px}.security-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px;border-bottom:1px solid var(--line)}.security-list>div:last-child{border-bottom:0}.embedded-auth-switch a{display:inline-flex;align-items:center;gap:4px;color:var(--brand);font-weight:700;text-decoration:none}.embedded-password-rules svg{width:12px;height:12px}.toast.error{border-color:#e9bbb5;color:var(--danger)}
.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th,.admin-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}.admin-table th{background:#f7f9f8;color:var(--muted);font-size:12px}.admin-table tr:last-child td{border-bottom:0}.admin-empty{padding:36px;text-align:center;color:var(--muted)}.status-dot{display:inline-flex;align-items:center;gap:6px}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.status-dot.off:before{background:var(--muted)}
.admin-canvas{padding:0}.admin-sidebar>a,.admin-nav-group-toggle{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:44px;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#aec3bd;text-align:left;text-decoration:none}.admin-sidebar>a:hover,.admin-sidebar>a.active,.admin-nav-group-toggle:hover,.admin-nav-group-toggle.active{background:rgba(255,255,255,.1);color:#fff}.admin-nav-group-toggle{grid-template-columns:22px minmax(0,1fr) 14px}.admin-nav-group-toggle svg:last-child{transition:transform .18s}.admin-nav-group-toggle.active svg:last-child{transform:rotate(180deg)}.admin-nav-submenu{display:none;padding:3px 0 6px 31px}.admin-nav-submenu.open{display:grid}.admin-nav-submenu a{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:9px;min-height:39px;padding:0 11px;border-left:1px solid rgba(255,255,255,.15);color:#9fb5af;text-decoration:none}.admin-nav-submenu a:hover,.admin-nav-submenu a.active{border-left-color:#56c7b6;background:rgba(255,255,255,.08);color:#fff}.admin-nav-submenu svg{width:16px}.admin-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none}.admin-tabs a.active{border-color:var(--brand);color:var(--brand);font-weight:700}.admin-section{padding:0;overflow:hidden}.admin-section>.section-head{padding:18px 20px}.admin-top-header form{margin:0}.admin-top-header .header-tools{align-items:center}.admin-top-header .header-tools form .button{min-height:38px}
.admin-editor{margin-bottom:14px;overflow:hidden}.admin-editor>.section-head{padding:17px 20px;border-bottom:1px solid var(--line)}.admin-form{padding:18px 20px}.admin-form .field input,.admin-form .field select{width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff;outline:0}.admin-form .field input:focus,.admin-form .field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,125,114,.1)}.admin-form .form-footer{display:flex;justify-content:flex-end;margin-top:14px}.toggle-field{display:flex;align-items:center;gap:8px;min-height:42px}.table-action{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--brand);cursor:pointer}.content-admin-split{display:grid;gap:20px;padding:0 20px 20px}.content-admin-split h3{margin:2px 0 9px}.admin-flash{margin-bottom:14px}
.update-dropzone{display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed #aebeba;border-radius:5px;background:#f8faf9;cursor:pointer}.update-dropzone>svg{width:32px;height:32px;color:var(--brand)}.update-dropzone span,.update-dropzone small{display:block}.update-dropzone small{margin-top:3px;color:var(--muted)}.update-dropzone input{margin-left:auto}.update-result{padding:0 20px 20px}.update-package-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.update-package-meta>div{padding:12px;border:1px solid var(--line);border-radius:5px}.update-package-meta span,.update-package-meta small{display:block;color:var(--muted)}.update-package-meta b{display:block;margin:3px 0}.update-progress{display:grid;gap:10px}.update-progress-track{height:10px;overflow:hidden;border-radius:5px;background:#e5ece9}.update-progress-bar{height:100%;background:var(--brand);transition:width .3s}.update-task-list{display:grid;gap:5px}.update-task-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.update-history{display:grid}.update-record{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}.update-record:first-child{border-top:0}.update-record div>span,.update-record div>small{display:block;color:var(--muted)}.rollback-form{display:flex;gap:7px}.rollback-form input{width:128px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:4px}
@media(max-width:760px){.update-dropzone{align-items:flex-start}.update-dropzone input{width:100%;margin:10px 0 0}.update-dropzone{flex-wrap:wrap}.update-package-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.update-record{grid-template-columns:1fr auto}.rollback-form{grid-column:1/-1}.rollback-form input{flex:1}}
.supplier-console{overflow:hidden}.supplier-table-wrap{margin:0;border:0;border-radius:0}.supplier-table td strong,.supplier-table td small{display:block}.supplier-table td small{margin-top:2px;color:var(--muted)}.supplier-row-actions{display:flex;gap:5px}.supplier-row-actions button,.secret-line button{min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--brand)}.supplier-row-actions button.danger{color:var(--danger)}.supplier-health{display:inline-flex;align-items:center;gap:6px}.supplier-health:before{content:"";width:7px;height:7px;border-radius:50%;background:#94a39f}.supplier-health.normal:before{background:var(--success)}.supplier-health.delayed:before{background:#cb8c26}.supplier-health.failed:before{background:var(--danger)}.supplier-progress{display:flex;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px solid var(--line);background:#f4faf8;color:var(--muted)}.supplier-progress b{color:var(--brand)}.admin-dialog{width:min(680px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 24px 70px rgba(18,36,31,.24)}.admin-dialog::backdrop{background:rgba(15,30,27,.48);backdrop-filter:blur(3px)}.admin-dialog .admin-form{padding:0}.dialog-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:18px}.dialog-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.icon-dialog-close{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted)}.admin-dialog .form-grid{padding:18px 20px 0}.admin-dialog .form-footer,.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}.dialog-note{margin:10px 20px 17px;color:var(--muted);font-size:12px}.supplier-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 20px 18px}.supplier-detail-grid>div{min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}.supplier-detail-grid>div:nth-child(odd):not(.full){padding-right:18px}.supplier-detail-grid .full{grid-column:1/-1}.supplier-detail-grid span,.supplier-detail-grid b,.supplier-detail-grid code{display:block}.supplier-detail-grid>div>span:first-child{margin-bottom:4px;color:var(--muted);font-size:12px}.supplier-detail-grid code{overflow-wrap:anywhere;color:var(--ink)}.secret-line{display:flex!important;align-items:center;gap:8px}.secret-line code{min-width:0}.admin-toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:min(380px,calc(100% - 28px));padding:11px 14px;border:1px solid #b9ded4;border-radius:6px;background:#f1faf7;color:var(--success);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.admin-toast.error{border-color:#e9bbb5;background:#fff5f4;color:var(--danger)}.admin-toast.show{opacity:1;transform:none}
@media(max-width:760px){.supplier-console>.section-head{align-items:flex-start;padding:14px 12px}.supplier-console>.section-head .inline-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.supplier-console>.section-head{display:grid}.supplier-table-wrap{overflow:visible}.supplier-table thead{display:none}.supplier-table,.supplier-table tbody,.supplier-table tr,.supplier-table td{display:block;width:100%;white-space:normal}.supplier-table tbody{display:grid;gap:10px;padding:0 12px 12px}.supplier-table tr{padding:4px 12px 11px;border:1px solid var(--line);border-radius:5px;background:#fff}.supplier-table td{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;min-height:37px;padding:7px 0;border-bottom:1px solid var(--line)}.supplier-table td:before{content:attr(data-label);color:var(--muted);font-size:12px}.supplier-table td:last-child{border-bottom:0}.supplier-row-actions{justify-content:flex-start;flex-wrap:wrap}.supplier-row-actions button{flex:1}.supplier-progress{padding:9px 12px}.admin-dialog{max-height:calc(100dvh - 24px);overflow:auto}.admin-dialog .form-grid,.supplier-detail-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.supplier-detail-grid .full{grid-column:auto}.supplier-detail-grid>div:nth-child(odd):not(.full){padding-right:0}.dialog-head,.admin-dialog .form-footer,.dialog-actions{padding-left:14px;padding-right:14px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .button:first-child{grid-column:1/-1;grid-row:2}.admin-toast{right:14px;bottom:14px}}
@media(max-width:760px){.top-header .support-button{min-width:104px;justify-content:center;border-color:var(--brand);background:var(--brand);color:#fff}.hero-slide,.hero-slide.active{display:block;min-height:0}.hero-slide:not(.active){display:none}.hero-copy{min-height:280px}.hero-media{height:170px}.product-detail-layout{grid-template-columns:1fr}.product-detail-media img{min-height:0;aspect-ratio:16/10}.product-order-panel{padding:18px 15px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-nav{display:flex;overflow-x:auto}.account-nav a{flex:0 0 auto}.embedded-auth-shell{margin-top:0}.auth-header .support-button{display:inline-flex}.page-canvas{padding-bottom:82px}}

/* v1.0.5 catalog management, carousel and public query. */
.hero-slide[data-slide-url]:not([data-slide-url=""]){cursor:pointer}.hero-mobile-image{display:none}.table-actions{display:flex;align-items:center;gap:5px}.table-actions form{margin:0}.product-name-cell{display:flex;align-items:center;gap:7px}.product-name-cell b{padding:2px 5px;border-radius:3px;background:#e7f5f1;color:var(--brand);font-size:10px}.admin-record-dialog{width:min(760px,calc(100% - 28px))}.admin-record-dialog textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:5px}.admin-record-dialog .toggle-field.full{grid-column:1/-1}.public-query-panel{padding:20px}.public-query-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;max-width:760px}.public-query-form .field>span{display:block;margin-bottom:7px}.public-query-input{position:relative}.public-query-input svg{position:absolute;left:12px;top:12px;color:var(--muted)}.public-query-input input{width:100%;height:44px;padding:0 12px 0 41px;border:1px solid var(--line);border-radius:5px;outline:0}.public-query-input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,125,114,.1)}.public-query-form .button{height:44px}.public-query-panel .form-alert{margin-top:12px}.query-results{margin-top:18px}.public-query-empty{display:grid;place-items:center;min-height:220px;padding:25px;text-align:center;color:var(--muted)}.public-query-empty svg{width:34px;height:34px;margin-bottom:10px;color:var(--brand)}.public-query-empty b,.public-query-empty span{display:block}.public-order-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:18px;align-items:center;margin-bottom:10px;padding:16px 18px}.public-order-card>div span,.public-order-card>div strong{display:block}.public-order-card>div span{color:var(--muted);font-size:11px}.public-order-card>div strong{margin-top:3px}
@media(max-width:760px){.hero{position:relative;aspect-ratio:16/8.8;min-height:0;background:#dfe9e5}.hero-slide,.hero-slide.active{position:relative;display:block;min-height:0;height:100%;overflow:hidden}.hero-slide:not(.active){display:none}.hero-mobile-image{position:absolute;inset:0;display:block}.hero-mobile-image img{width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(180deg,transparent,rgba(10,24,20,.72));pointer-events:none}.hero-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:0;padding:16px 15px;color:#fff}.hero-copy .eyebrow{display:none}.hero-copy h1{max-width:none;margin:0 0 3px;color:#fff;font-size:19px}.hero-copy p{max-width:80%;margin:0;color:rgba(255,255,255,.85);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-copy .hero-dots{position:absolute;right:14px;bottom:18px;margin:0}.hero-dots button{background:rgba(255,255,255,.5)}.hero-dots button.active{background:#fff}.hero-media{display:none}.admin-section[data-record-list="products"],.admin-section[data-record-list="categories"]{border-width:1px 0;border-radius:0}.admin-section[data-record-list]>.section-head{padding:13px 12px}.admin-section[data-record-list]>.section-head .button{padding:0 11px}.admin-section[data-record-list] .admin-table-wrap{overflow-x:auto;border-width:1px 0 0;border-radius:0}.admin-record-dialog{width:100%;max-height:90dvh;margin:auto 0 0;border-radius:8px 8px 0 0}.admin-record-dialog .form-footer{position:sticky;bottom:0;background:#fff}.public-query-panel{border-width:1px 0;border-radius:0;padding:15px 12px}.query-page-title{padding-top:18px}.public-query-form{grid-template-columns:1fr}.public-query-form .button{width:100%}.query-results{padding:0 12px}.public-order-card{grid-template-columns:1fr auto;gap:11px;padding:14px}.public-order-card>div:nth-child(2),.public-order-card>div:nth-child(3){grid-column:1/-1}.public-order-card>.status-pill{grid-column:2;grid-row:1}.query-results .catalog-head{padding:0}}

/* v1.0.6 course query and payment system. */
.course-order-form .field small{color:var(--muted);font-weight:400}.course-query-button{width:100%;border-color:var(--brand);color:var(--brand)}.course-query-message{padding:10px 12px;border-radius:5px;background:#eef8f5;color:var(--brand)}.course-query-message.error{background:#fff3f1;color:var(--danger)}.course-results{overflow:hidden;border:1px solid var(--line);border-radius:5px}.course-results-head{display:flex;justify-content:space-between;padding:11px 12px;background:#f6f9f8}.course-results-head span{color:var(--muted);font-size:12px}.course-result{display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--line);cursor:pointer}.course-result input{accent-color:var(--brand)}.course-result span,.course-result b,.course-result small{display:block}.course-result small{color:var(--muted)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;border:0}.payment-methods legend{grid-column:1/-1;margin-bottom:6px}.payment-methods label input{position:absolute;opacity:0}.payment-methods label span{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:5px;background:#fff}.payment-methods label input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.payment-test-actions{display:flex;gap:8px;padding:16px}.payment-status{display:inline-flex;padding:3px 8px;border-radius:12px;background:#f0f3f2;color:var(--muted);font-size:11px}.payment-status.paid{background:#e7f5f1;color:var(--success)}.payment-status.failed{background:#fff0ee;color:var(--danger)}.checkout-panel,.payment-result{max-width:620px;margin:40px auto;padding:44px;text-align:center}.checkout-panel>svg,.payment-result>svg{width:48px;height:48px;color:var(--brand)}.checkout-panel>svg{animation:spin .9s linear infinite}.checkout-panel h1,.payment-result h1{margin:14px 0 5px}.checkout-panel p,.payment-result p{color:var(--muted)}
@media(max-width:760px){.payment-methods{grid-template-columns:1fr}.course-result{align-items:flex-start}.payment-test-actions{display:grid;padding:12px}.checkout-panel,.payment-result{margin:0;border-width:1px 0;border-radius:0;padding:42px 20px}.payment-records{border-width:1px 0;border-radius:0}.payment-records .admin-table-wrap{border-width:1px 0 0;border-radius:0}}
.recharge-form{max-width:620px;display:grid;gap:15px;padding:20px}.recharge-form .field input{width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:5px}.recharge-form .field small{display:block;margin-top:5px;color:var(--muted)}

/* v1.0.7 multi-course checkout, list tools and refined controls. */
.course-purchase{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);gap:14px;align-items:stretch}.course-query-panel,.course-selection-panel{min-width:0;overflow:hidden}.course-query-panel{padding:22px}.course-product-summary{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.course-product-summary span,.course-product-summary p{color:var(--muted)}.course-product-summary h1{margin:4px 0;font-size:22px}.course-product-summary p{margin:0}.course-product-summary>strong{align-self:center;white-space:nowrap;color:var(--brand);font-size:27px}.course-product-summary strong small{font-size:13px}.course-query-form .field small{color:var(--muted);font-weight:400}.course-selection-panel{position:relative;min-height:560px}.course-selection-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.course-selection-head h2{margin:0;font-size:18px}.course-selection-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.course-selection-form{display:flex;flex-direction:column;height:calc(100% - 76px);min-height:480px}.course-empty{display:grid;place-items:center;flex:1;padding:40px;text-align:center;color:var(--muted)}.course-empty svg{width:38px;height:38px;margin-bottom:9px;color:var(--brand)}.course-empty b,.course-empty span{display:block}.course-select-list{flex:1;max-height:520px;overflow-y:auto;padding:8px 16px 94px}.course-choice{display:flex;align-items:flex-start;gap:11px;padding:13px 8px;border-bottom:1px solid var(--line);cursor:pointer}.course-choice>input{position:absolute;opacity:0}.course-checkbox{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;margin-top:1px;border:1px solid #aab9b5;border-radius:4px;background:#fff;color:transparent}.course-checkbox svg{width:14px;fill:none;stroke:currentColor;stroke-width:3}.course-choice input:checked+.course-checkbox{border-color:var(--brand);background:var(--brand);color:#fff}.course-choice b,.course-choice small{display:block}.course-choice small{margin-top:2px;color:var(--muted)}.course-settlement-bar{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -8px 22px rgba(20,44,37,.07);backdrop-filter:blur(8px)}.course-settlement-bar>div span,.course-settlement-bar>div strong{display:block}.course-settlement-bar strong{color:var(--brand);font-size:20px}.course-settlement-bar .button{min-width:140px}.course-sheet-scrim{display:none}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.order-review,.order-payment{overflow:hidden}.order-review>.section-head{padding:19px 20px;border-bottom:1px solid var(--line)}.order-review h1{margin:0;font-size:22px}.order-review p{margin:3px 0 0;color:var(--muted)}.order-course-list{max-height:560px;overflow:auto}.order-course-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.order-course-list>div>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:11px}.order-payment{position:sticky;top:14px;padding:20px}.order-payment h2{margin:0 0 13px}.checkout-total-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--muted)}.checkout-total-row.total{margin-top:6px;padding-top:13px;border-top:1px solid var(--line);color:var(--ink)}.checkout-total-row.total strong{color:var(--brand);font-size:24px}.checkout-pay-form{display:grid;gap:12px;margin-top:15px}.checkout-methods{display:grid;gap:8px;margin:0;padding:0;border:0}.checkout-methods legend{margin-bottom:7px;font-weight:700}.checkout-methods label input{position:absolute;opacity:0}.checkout-methods label>span{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;cursor:pointer}.checkout-methods label input:checked+span{border-color:var(--brand);background:#f1faf7}.checkout-methods label>span>img{width:30px;height:30px}.checkout-methods label b,.checkout-methods label small{display:block}.checkout-methods label small{color:var(--muted);font-weight:400}.checkout-methods label>span>svg{color:transparent}.checkout-methods label input:checked+span>svg{color:var(--brand)}.pay-brand.balance{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:var(--brand-soft);color:var(--brand)}.checkout-submit{width:100%}
.setting-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/-1}.setting-switch,.master-switch{cursor:pointer}.setting-switch{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 13px;border:1px solid var(--line);border-radius:6px}.setting-switch input,.master-switch input,.payment-admin-option input{position:absolute;opacity:0}.switch-track{position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:12px;background:#c7d1ce;transition:.18s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,33,29,.25);transition:.18s}.setting-switch input:checked+.switch-track,.master-switch input:checked+.switch-track{background:var(--brand)}.setting-switch input:checked+.switch-track:after,.master-switch input:checked+.switch-track:after{transform:translateX(18px)}.switch-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;flex:1}.switch-copy small{grid-column:1/-1;color:var(--muted)}.switch-state{padding:2px 7px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:11px}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.channel-head h2{margin:0}.channel-head p{margin:2px 0 0;color:var(--muted)}.master-switch{display:flex;align-items:center;gap:8px}.master-switch .switch-track{width:42px}.payment-admin-section{grid-column:1/-1;margin-top:3px;padding-top:15px;border-top:1px solid var(--line)}.payment-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.payment-section-title strong,.payment-section-title small{display:block}.payment-section-title small{color:var(--muted)}.payment-admin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.payment-admin-option{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.payment-admin-option:has(input:checked){border-color:var(--brand);background:#f1faf7}.payment-admin-option.disabled{opacity:.55;cursor:not-allowed}.payment-admin-option span b,.payment-admin-option span small{display:block}.payment-admin-option span small{color:var(--muted);font-size:11px}.payment-admin-option>svg{color:transparent}.payment-admin-option:has(input:checked)>svg{color:var(--brand)}.pay-brand-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:5px;background:#f0f3f2}.pay-brand-logo img,.payment-brand-button img,.payment-methods.branded img{width:23px;height:23px}.pay-brand-logo.alipay img,.payment-brand-button[value=alipay] img,.payment-methods.branded input[value=alipay]+span img{color:#1677ff;filter:invert(38%) sepia(99%) saturate(3000%) hue-rotate(205deg)}.pay-brand-logo.wxpay img,.payment-brand-button[value=wxpay] img,.payment-methods.branded input[value=wxpay]+span img{filter:invert(60%) sepia(86%) saturate(480%) hue-rotate(79deg)}.pay-brand-logo.qqpay img,.payment-brand-button[value=qqpay] img,.payment-methods.branded input[value=qqpay]+span img{filter:invert(42%) sepia(78%) saturate(1300%) hue-rotate(167deg)}.payment-brand-button{gap:7px}.payment-methods.branded label span{gap:8px}.payment-methods.branded label span img{width:22px;height:22px}
.list-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.55fr) 130px auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px}.list-toolbar label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px}.list-toolbar input,.list-toolbar select{width:100%;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff}.toolbar-input{position:relative}.toolbar-input svg{position:absolute;left:10px;top:10px;width:19px;color:var(--muted)}.toolbar-input input{padding-left:36px}.toolbar-actions{display:flex;gap:7px}.payment-filter{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.list-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:13px 15px;border-top:1px solid var(--line)}.page-summary{margin-right:auto;color:var(--muted);font-size:12px}.page-link{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);text-decoration:none}.page-link.current{border-color:var(--brand);background:var(--brand);color:#fff}.page-link.disabled{opacity:.45;pointer-events:none}.table-action.danger{color:var(--danger)}
@media(max-width:760px){.course-purchase{display:block;margin-top:-6px}.course-query-panel{border-width:1px 0;border-radius:0;padding:14px 12px}.course-product-summary{margin-bottom:15px;padding-bottom:13px}.course-product-summary h1{font-size:18px}.course-product-summary p,.course-product-summary>div>span{display:none}.course-product-summary>strong{font-size:22px}.course-selection-panel{position:fixed;z-index:80;left:0;right:0;bottom:0;min-height:0;height:min(78dvh,700px);border-radius:8px 8px 0 0;transform:translateY(105%);transition:transform .22s}.course-selection-panel.open{transform:none}.course-sheet-scrim{position:fixed;z-index:79;inset:0;display:block;background:rgba(15,30,27,.45);opacity:0;pointer-events:none;transition:.2s}.course-sheet-scrim.open{opacity:1;pointer-events:auto}.course-selection-form{height:calc(100% - 72px);min-height:0}.course-select-list{max-height:none}.course-settlement-bar{padding-bottom:max(13px,env(safe-area-inset-bottom))}.course-sheet-open{overflow:hidden}.checkout-layout{grid-template-columns:1fr}.order-review,.order-payment{border-width:1px 0;border-radius:0}.order-review>.section-head{padding:15px 12px}.order-course-list{max-height:42dvh}.order-course-list>div{padding:12px}.order-payment{position:static;padding:16px 12px}.setting-switches,.payment-admin-options{grid-template-columns:1fr}.channel-head{align-items:flex-start;padding:14px 12px}.master-switch b{font-size:11px}.list-toolbar{grid-template-columns:1fr 1fr;margin-bottom:10px;border-width:1px 0;border-radius:0;padding:12px}.list-toolbar>label:first-child{grid-column:1/-1}.toolbar-actions{grid-column:1/-1}.toolbar-actions .button{flex:1}.payment-filter>label:first-child{grid-column:auto}.payment-filter .per-page-field{grid-column:1/-1}.list-pagination{flex-wrap:wrap;justify-content:center}.page-summary{flex:0 0 100%;margin:0 0 4px;text-align:center}.admin-record-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px);margin:auto;border-radius:8px}.admin-record-dialog .admin-form{display:flex;flex-direction:column;max-height:calc(100dvh - 28px)}.admin-record-dialog .form-grid{overflow-y:auto}.admin-record-dialog .form-footer{position:sticky;bottom:0;z-index:2;background:#fff}.payment-records .admin-table-wrap{overflow:visible}.payment-records .admin-table thead{display:none}.payment-records .admin-table,.payment-records .admin-table tbody,.payment-records .admin-table tr,.payment-records .admin-table td{display:block;width:100%;white-space:normal}.payment-records .admin-table tbody{display:grid;gap:10px;padding:12px}.payment-records .admin-table tr{padding:8px 12px;border:1px solid var(--line);border-radius:5px}.payment-records .admin-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.payment-records .admin-table td:before{content:attr(data-label);color:var(--muted);font-size:11px}.payment-records .admin-table td:last-child{border-bottom:0}}

/* v1.0.8 upstream course order operations and progress. */
.order-filter{grid-template-columns:minmax(230px,1fr) 150px 150px 120px auto}.admin-orders{overflow:hidden}.order-table-wrap{overflow-x:auto}.order-table{min-width:1120px}.order-course-short{max-width:210px;overflow:hidden;text-overflow:ellipsis}.order-actions{display:flex;gap:4px;white-space:nowrap}.order-actions form{display:inline}.order-actions button{height:28px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);cursor:pointer}.order-actions button:disabled{opacity:.4;cursor:not-allowed}.admin-progress{position:relative;width:108px;height:19px;border-radius:10px;background:#e4ece9;overflow:hidden}.admin-progress i{position:absolute;inset:0 auto 0 0;background:var(--brand)}.admin-progress b{position:relative;z-index:1;display:block;text-align:center;font-size:10px;line-height:19px;color:var(--ink)}.course-detail-dialog{width:min(680px,calc(100% - 28px));padding:0}.course-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:8px 20px 18px}.course-detail-grid>div{min-width:0;padding:11px 0;border-bottom:1px solid var(--line)}.course-detail-grid .full{grid-column:1/-1}.course-detail-grid span,.course-detail-grid b{display:block}.course-detail-grid span{margin-bottom:4px;color:var(--muted);font-size:11px}.course-detail-grid b{overflow-wrap:anywhere}.course-detail-grid pre{max-height:190px;margin:0;padding:11px;border-radius:5px;background:#f4f7f6;white-space:pre-wrap;overflow:auto;font:12px/1.7 inherit}.course-user-actions{justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line)}.account-order-search{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.account-order-search .toolbar-input{flex:1}.account-order-search input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--line);border-radius:5px}.course-order-list{display:grid;gap:9px;padding:14px}.course-order-row{display:grid;grid-template-columns:1.15fr .9fr 1fr 1.35fr .75fr 1.05fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:5px;background:#fff}.course-order-row>div{min-width:0}.course-order-row span,.course-order-row b{display:block}.course-order-row span{margin-bottom:3px;color:var(--muted);font-size:10px}.course-order-row b{font-size:12px;overflow-wrap:anywhere}.course-name-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upstream-status{color:var(--brand)}.progress-cell{display:grid;grid-template-columns:minmax(70px,1fr) auto;gap:5px 7px;align-items:center}.progress-cell>span{grid-column:1/-1}.order-progress{height:7px;border-radius:4px;background:#e3ece9;overflow:hidden}.order-progress i{display:block;height:100%;background:var(--brand)}.course-order-empty{min-height:220px}.page-ellipsis{display:grid;place-items:center;width:24px}.icon-page svg{width:16px}.query-results>.list-pagination{border:0}.query-results .course-order-list{padding:0}.query-results .course-order-row{box-shadow:0 2px 8px rgba(15,39,33,.03)}
@media(max-width:760px){.order-filter{grid-template-columns:1fr 1fr}.order-filter>label:first-child,.order-filter .toolbar-actions{grid-column:1/-1}.admin-orders{border-width:1px 0;border-radius:0}.order-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-table{min-width:1080px}.course-detail-grid{grid-template-columns:1fr;padding:4px 14px 14px}.course-detail-grid .full{grid-column:auto}.course-detail-dialog{max-height:calc(100dvh - 28px)}.course-detail-dialog .course-detail-grid{max-height:65dvh;overflow:auto}.course-user-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px}.account-content:has(.account-order-search){border-width:1px 0;border-radius:0}.account-order-search{padding:12px}.course-order-list{padding:10px 12px}.course-order-row{grid-template-columns:1fr auto;gap:9px 12px;padding:13px}.course-order-row>div{grid-column:1/-1;display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}.course-order-row>div span{margin:0}.course-order-row>.button{grid-column:2;grid-row:1;align-self:start}.course-order-row>div:first-child{grid-column:1;grid-row:1;display:block;padding-right:58px}.progress-cell{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important}.progress-cell>span{grid-column:auto}.query-results{padding:0 12px}.query-results .catalog-head{padding:0}.list-pagination{gap:3px}.page-link{min-width:31px;height:31px;padding:0 7px}}

.import-mobile-action{display:none}
@media(max-width:760px){.course-product-summary p{display:block;margin-top:7px;padding-top:7px;border-top:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}.course-product-summary>div{min-width:0;flex:1}.supplier-import{padding-bottom:78px}.import-mobile-action{position:fixed;z-index:54;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -8px 22px rgba(20,44,37,.08);backdrop-filter:blur(10px)}.import-mobile-action span{color:var(--muted);font-size:12px}.import-mobile-action b{color:var(--brand);font-size:15px}.import-mobile-action .button{min-width:132px}.admin-mode:has(.import-mobile-action) .page-actions [data-import-review]{display:none}}

.import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.import-summary>div{display:flex;align-items:center;gap:10px;padding:13px 15px;border-right:1px solid var(--line)}.import-summary>div:last-child{border-right:0}.import-summary svg{width:34px;height:34px;padding:8px;border-radius:5px;background:var(--brand-soft);color:var(--brand)}.import-summary b,.import-summary small{display:block}.import-summary b{font-size:17px}.import-summary small{margin-top:1px;color:var(--muted);font-size:11px}.import-console{position:relative}.import-source-bar{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr) 180px auto;gap:10px;align-items:end;padding:14px 16px;border-bottom:1px solid var(--line)}.import-source-bar label{display:grid;gap:5px}.import-source-bar label>span{font-size:12px;font-weight:700;color:#4d5d58}.import-source-bar select,.import-tools input,.import-tools select{height:38px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 10px}.import-source-status{display:flex;align-items:center;gap:7px;min-height:38px;color:var(--muted);font-size:12px}.import-source-status i{width:8px;height:8px;border-radius:50%;background:#abb8b4}.import-source-status.ready i{background:var(--success);box-shadow:0 0 0 3px #e0f4ea}.import-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px}.import-tools>div{display:flex;gap:8px}.import-tools>span{color:var(--muted);font-size:12px}.import-tools b{color:var(--brand)}.import-search{position:relative;min-width:260px}.import-search svg{position:absolute;left:10px;top:10px;width:17px;color:var(--muted)}.import-search input{width:100%;padding-left:34px}.import-table-wrap{overflow-x:auto;border-top:1px solid var(--line)}.import-table{min-width:980px}.import-table tr.selected td{background:#f2faf7}.import-table td:nth-child(3) strong{display:block;max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-price{width:88px;height:31px;padding:0 7px;border:1px solid var(--line);border-radius:4px}.import-map{display:inline-flex;padding:3px 7px;border-radius:10px;background:#f1f3f2;color:var(--muted);font-size:11px}.import-map.mapped{background:#eef4fb;color:#2b6cb0}.import-empty{min-height:220px}.import-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;color:var(--muted);font-size:12px}.import-footer>div{display:flex;gap:4px}.import-footer button{min-width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:#fff}.import-footer button.active{border-color:var(--brand);background:var(--brand);color:#fff}.import-footer button:disabled{opacity:.45}.import-confirm-fixed{position:fixed;z-index:20;right:24px;top:84px}.import-dialog{width:min(560px,calc(100% - 28px))}.import-review{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 20px 14px}.import-review>div{padding:11px;border:1px solid var(--line);border-radius:5px}.import-review b,.import-review span{display:block}.import-review b{font-size:18px}.import-review span{margin-top:2px;color:var(--muted);font-size:11px}.import-rules{padding:0 20px 18px}.import-rules p{display:flex;gap:8px;margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.import-rules svg{width:16px;color:var(--brand)}.import-progress{padding:28px 20px}.import-progress>div{height:8px;border-radius:4px;background:#e7eeeb;overflow:hidden}.import-progress i{display:block;width:0;height:100%;background:var(--brand);transition:width .25s}.import-progress p{display:flex;justify-content:space-between;margin:8px 0 0;font-size:12px}.import-result{text-align:center;padding:24px 20px}.import-result>svg{width:46px;height:46px;color:var(--success)}.import-result h3{margin:6px 0 4px}.import-result p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:900px){.import-source-bar{grid-template-columns:1fr 1fr}.import-summary{grid-template-columns:repeat(2,1fr)}.import-summary>div:nth-child(2){border-right:0}.import-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.import-summary{margin:0 12px 10px}.import-summary>div{padding:10px}.import-summary b{font-size:15px}.import-source-bar{grid-template-columns:1fr;padding:12px}.import-source-status{min-height:auto}.import-source-bar .button{width:100%;justify-content:center}.import-tools{align-items:stretch;flex-direction:column;padding:10px 12px}.import-tools>div{display:grid;grid-template-columns:1fr 120px}.import-search{min-width:0}.import-table-wrap{-webkit-overflow-scrolling:touch}.import-table{min-width:940px}.import-footer{align-items:flex-start;flex-direction:column;padding:10px 12px}.import-confirm-fixed{position:fixed;top:72px;right:12px}.import-dialog{max-height:calc(100dvh - 24px)}.import-review{padding:14px 14px 10px}.import-rules{padding:0 14px 14px}}
/* v1.0.13 management surfaces */
.content-thumb{width:112px;height:56px;padding:0;border:1px solid var(--line);background:#fff;overflow:hidden;cursor:zoom-in}.content-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-preview-dialog{width:min(920px,calc(100vw - 32px));padding:44px 12px 12px}.image-preview-dialog>img{display:block;max-width:100%;max-height:75vh;margin:auto}.image-preview-dialog>.icon-dialog-close{position:absolute;right:10px;top:10px}.user-actions{display:flex;gap:6px;white-space:nowrap}.user-actions button,.table-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 10px;border-radius:6px}.user-actions .danger,.table-actions .danger,.order-actions .danger{color:#b42318;border-color:#f3b7b1}.user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-detail-grid>div{padding:12px;background:#f6f9f8;border:1px solid var(--line);border-radius:6px}.user-detail-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.user-detail-grid .full{grid-column:1/-1}.user-flow-dialog{width:min(900px,calc(100vw - 32px))}.amount-in{color:#087f6b}.amount-out{color:#b42318}.danger-notice{padding:12px;border:1px solid #f3b7b1;background:#fff7f6;color:#8f1d14;border-radius:6px;margin-bottom:16px}.order-delete-dialog{width:min(520px,calc(100vw - 32px))}
@media(max-width:760px){.content-manager .section-head,.user-manager .section-head{align-items:center}.content-table{min-width:620px}.user-table{min-width:850px}.user-detail-grid{grid-template-columns:1fr}.user-filter{grid-template-columns:1fr}.user-filter .toolbar-actions{width:100%}.admin-dialog[data-user-form-dialog],.admin-dialog[data-user-adjust-dialog],.admin-dialog[data-user-status-dialog],.user-detail-dialog{width:calc(100vw - 24px);margin:auto}.content-thumb{width:92px;height:48px}}
/* v1.0.18 customer service and affiliate center */
.support-directory{display:block;min-height:0;padding:26px;text-align:left}.support-directory-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.support-directory-head .support-mark{flex:0 0 auto;width:52px;height:52px;border-radius:7px}.support-directory-head h2{margin:0}.support-directory-head p{margin:2px 0 0}.support-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.support-contact-grid>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:6px;background:#f8faf9}.support-contact-grid img,.support-contact-grid svg{grid-row:1/3;width:30px;height:30px;color:var(--brand)}.support-contact-grid span,.support-contact-grid strong{min-width:0;overflow-wrap:anywhere}.support-contact-grid span{color:var(--muted);font-size:11px}.support-group-actions{display:flex;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.support-group{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-weight:700}.support-group img{width:23px;height:23px}.support-group>svg{width:15px;margin-left:5px}.support-group.qq{border-color:#c8d8ef;background:#f4f8fd}.support-group.wechat{border-color:#bfe2c7;background:#f3faf5}.support-return{display:inline-flex;margin-top:22px}.affiliate-closed{display:grid;place-items:center;min-height:390px;padding:30px;text-align:center}.affiliate-closed>svg{width:48px;height:48px;color:var(--brand)}.affiliate-closed h2{margin:12px 0 2px}.affiliate-closed p{margin:0 0 18px;color:var(--muted)}.affiliate-closed.warning>svg{color:#b7791f}.affiliate-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px}.affiliate-metrics>div,.direct-summary>div{padding:15px;border:1px solid var(--line);border-radius:6px;background:#f8faf9}.affiliate-metrics span,.affiliate-metrics strong,.direct-summary span,.direct-summary strong{display:block}.affiliate-metrics span,.direct-summary span{color:var(--muted);font-size:11px}.affiliate-metrics strong,.direct-summary strong{margin-top:4px;font-size:22px}.affiliate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.affiliate-actions>a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.affiliate-actions>a>svg:first-child{width:34px;height:34px;padding:8px;border-radius:5px;background:var(--brand-soft);color:var(--brand)}.affiliate-actions>a>svg:last-child{width:17px;margin-left:auto;color:var(--muted)}.affiliate-actions b,.affiliate-actions small{display:block}.affiliate-actions small{color:var(--muted)}.affiliate-promotion{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;padding:20px;border-top:1px solid var(--line)}.affiliate-link{display:flex;gap:8px;margin-top:7px}.affiliate-link input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:#f8faf9}.affiliate-qr{display:grid;place-items:center;gap:6px}.affiliate-qr>div{width:172px;height:172px;padding:8px;border:1px solid var(--line);background:#fff}.affiliate-qr img,.affiliate-qr canvas{display:block;width:156px!important;height:156px!important}.affiliate-qr span{color:var(--muted);font-size:11px}.affiliate-ledger{padding:12px 16px}.affiliate-ledger article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.affiliate-ledger b,.affiliate-ledger small{display:block}.affiliate-ledger small{margin-top:2px;color:var(--muted);font-size:11px}.affiliate-ledger article>span{color:var(--muted);font-size:11px}.affiliate-ledger .positive{color:var(--success)}.affiliate-ledger .negative{color:var(--danger)}.direct-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.direct-list{padding:0 16px 16px}.direct-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.direct-row.head{background:#f6f9f8;color:var(--muted);font-size:11px}.direct-row strong{text-align:right}.affiliate-withdraw-form{display:grid;gap:16px;padding:20px}.withdraw-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.withdraw-methods input{position:absolute;opacity:0}.withdraw-methods label>span{display:flex;align-items:center;gap:10px;min-height:74px;padding:13px;border:1px solid var(--line);border-radius:6px}.withdraw-methods input:checked+span{border-color:var(--brand);background:var(--brand-soft)}.withdraw-methods svg{width:26px;color:var(--brand)}.withdraw-methods b,.withdraw-methods small{display:block}.withdraw-methods small{color:var(--muted);font-size:11px}.affiliate-withdraw-form .field input,.affiliate-withdraw-form .field select{width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:5px}.withdraw-estimate,.withdraw-note{padding:11px 12px;border-left:3px solid var(--brand);background:#f3f8f6;color:var(--muted)}.withdrawal-list{display:grid;gap:9px;padding:16px}.withdrawal-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:6px}.withdrawal-list b,.withdrawal-list small{display:block}.withdrawal-list small{color:var(--muted)}.withdrawal-list article>p{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}.withdraw-status{display:inline-flex;padding:3px 8px;border-radius:12px;background:#eef1f0;color:var(--muted);font-size:11px;white-space:nowrap}.withdraw-status.reviewing{background:#edf5ff;color:#28639a}.withdraw-status.exception,.withdraw-status.rejected{background:#fff1ef;color:#b42318}.withdraw-status.paid{background:#e8f7f0;color:#087f6b}.payout-account-list,.payout-forms{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.payout-account-list article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:6px}.payout-account-list article>img,.payout-forms h3 img{width:30px;height:30px}.payout-account-list b,.payout-account-list span{display:block}.payout-account-list span{color:var(--muted)}.payout-account-list .content-thumb{margin-left:auto}.payout-forms{border-top:1px solid var(--line)}.payout-forms form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:6px}.payout-forms h3{display:flex;align-items:center;gap:9px;margin:0}.payout-forms input{width:100%;height:40px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:5px}.affiliate-settings textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;resize:vertical}.affiliate-user-table{min-width:1050px}.affiliate-user-table .status-dot.off{max-width:180px;white-space:normal}.affiliate-dialog{width:min(760px,calc(100vw - 28px))}.affiliate-dialog .direct-row{grid-template-columns:1fr 160px}.affiliate-ledger.admin{max-height:60vh;overflow:auto}.affiliate-withdraw-filter{grid-template-columns:minmax(180px,1fr) 180px auto}.affiliate-withdraw-table{min-width:940px}.affiliate-withdraw-table td:first-child strong,.affiliate-withdraw-table td:first-child small{display:block}.affiliate-withdraw-table td:first-child small{color:var(--muted)}.withdrawal-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:4px 20px 16px}.withdrawal-detail>div{padding:10px 0;border-bottom:1px solid var(--line)}.withdrawal-detail .full{grid-column:1/-1}.withdrawal-detail span,.withdrawal-detail b{display:block}.withdrawal-detail span{color:var(--muted);font-size:11px}.withdraw-admin-note{margin:0 20px 20px;padding:12px;background:#f6f9f8}.affiliate-risk-empty{display:grid;place-items:center;min-height:360px;text-align:center}.affiliate-risk-empty>svg{width:44px;height:44px;color:var(--brand)}.affiliate-risk-empty h2{margin:10px 0 0}.affiliate-risk-empty p{margin:2px 0;color:var(--muted)}
@media(max-width:760px){.support-directory{margin:0;border-width:1px 0;border-radius:0;padding:16px 12px}.support-contact-grid{grid-template-columns:1fr}.support-group-actions{display:grid}.support-group{justify-content:center}.affiliate-head{align-items:flex-start;display:grid}.affiliate-head .inline-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.affiliate-head .button{padding:0 9px}.affiliate-metrics{grid-template-columns:1fr 1fr;padding:12px}.affiliate-metrics>div{padding:12px}.affiliate-metrics strong{font-size:19px}.affiliate-actions{grid-template-columns:1fr;padding:0 12px 12px}.affiliate-promotion{grid-template-columns:1fr;padding:16px 12px}.affiliate-link{display:grid;grid-template-columns:minmax(0,1fr) auto}.affiliate-link .button{width:auto;margin:0}.affiliate-ledger{padding:8px 12px}.affiliate-ledger article{grid-template-columns:1fr auto;gap:6px}.affiliate-ledger article>span{grid-column:1/-1;grid-row:2}.direct-summary{padding:12px}.direct-list{padding:0 12px 12px}.direct-row,.direct-row.head{grid-template-columns:minmax(0,1fr) auto}.direct-row>*:nth-child(2){display:none}.withdraw-methods,.payout-account-list,.payout-forms{grid-template-columns:1fr}.affiliate-withdraw-form{padding:14px 12px}.withdrawal-list{padding:12px}.withdrawal-list article{grid-template-columns:1fr auto}.withdrawal-list article>span:nth-child(2){grid-column:1/-1}.affiliate-user-table,.affiliate-withdraw-table{min-width:940px}.affiliate-withdraw-filter{grid-template-columns:1fr 1fr}.affiliate-withdraw-filter .toolbar-actions{grid-column:1/-1}.affiliate-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.withdrawal-detail{grid-template-columns:1fr;padding:4px 14px 14px}.withdrawal-detail .full{grid-column:auto}.affiliate-dialog .form-grid{padding-left:14px;padding-right:14px}.payout-forms{padding:12px}}

/* affiliate-v118.css */
.support-directory {
  place-items: initial;
}

.support-directory-head,
.support-contact-grid,
.support-group-actions {
  width: 100%;
}

.affiliate-head .button,
.affiliate-actions a {
  text-decoration: none;
}

.affiliate-promotion-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.affiliate-promotion-title small,
.copy-feedback {
  color: var(--muted);
  font-size: 11px;
}

.copy-feedback {
  min-height: 17px;
  margin: 5px 0 0;
}

.account-content .direct-row {
  grid-template-columns: 56px minmax(140px, 1fr) 170px 150px;
  align-items: center;
}

.direct-sequence {
  color: var(--muted);
}

.direct-created small,
.direct-row strong small {
  display: none;
}

@media (max-width: 760px) {
  .support-directory {
    margin: 0;
    padding: 0 12px 20px;
  }

  .support-directory-head {
    display: none;
  }

  .support-contact-grid {
    gap: 0;
    margin: 12px 0 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #fff;
  }

  .support-contact-grid > div {
    min-height: 68px;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
  }

  .support-contact-grid > div:last-child {
    border-bottom: 0;
  }

  .support-group-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 0;
    border-top: 0;
  }

  .support-group {
    min-width: 0;
    min-height: 42px;
    padding: 0 9px;
    gap: 7px;
    font-size: 12px;
    white-space: nowrap;
  }

  .support-group img {
    width: 20px;
    height: 20px;
  }

  .support-group > svg {
    display: none;
  }

  .support-return {
    width: 100%;
    margin-top: 14px;
  }

  .affiliate-promotion-title {
    display: grid;
    gap: 2px;
  }

  .direct-list {
    padding: 0 12px 12px;
  }

  .account-content .direct-row.head {
    display: none;
  }

  .account-content .direct-row:not(.head) {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 3px 10px;
    margin-bottom: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 6px;
  }

  .account-content .direct-row > *:nth-child(2) {
    display: block;
  }

  .account-content .direct-sequence {
    grid-row: 1 / 3;
    align-self: center;
    font-weight: 700;
    text-align: center;
  }

  .account-content .direct-created {
    grid-column: 2 / 4;
    font-size: 11px;
    color: var(--muted);
  }

  .account-content .direct-row strong {
    display: flex;
    align-items: baseline;
    gap: 5px;
    text-align: right;
    white-space: nowrap;
  }

  .direct-created small,
  .direct-row strong small {
    display: inline;
    margin-right: 0;
    color: var(--muted);
    font-weight: 400;
  }

  .affiliate-dialog .direct-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .affiliate-dialog .direct-row > *:nth-child(2) {
    display: block;
  }
}

/* v120.css */
/* TD-PRO v1.0.20 account security, membership and desktop carousel */
@media (min-width:761px) {
  .hero{overflow:hidden}
  .hero-slide,.hero-slide.active{position:relative;display:none;height:clamp(310px,32vw,430px);min-height:0}
  .hero-slide.active{display:block}
  .hero-media{position:absolute;inset:0;display:block;height:100%}
  .hero-media:after{border:0;background:linear-gradient(90deg,rgba(9,31,27,.7),rgba(9,31,27,.16) 62%,transparent)}
  .hero-copy{position:absolute;z-index:2;inset:0;justify-content:flex-end;width:min(760px,72%);padding:34px;color:#fff;pointer-events:none}
  .hero-copy .eyebrow,.hero-copy h1,.hero-copy p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
  .hero-copy h1{margin:7px 0 6px;font-size:30px}.hero-copy p{margin:0;max-width:620px;color:rgba(255,255,255,.86)}.hero-copy .hero-dots{pointer-events:auto}
}
.vip-current{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:22px;align-items:center;padding:21px 18px;border-bottom:1px solid var(--line);background:#f8fbfa}.vip-current-level span,.vip-current-level strong,.vip-upgrade b,.vip-upgrade span,.vip-next span,.vip-next strong{display:block}.vip-current-level span,.vip-upgrade span,.vip-next span{color:var(--muted);font-size:12px}.vip-current-level strong{margin-top:3px;color:var(--brand);font-size:24px}.vip-upgrade b{font-size:16px}.vip-upgrade b strong{display:inline;color:var(--brand)}.vip-upgrade span{margin-top:2px}.vip-progress{height:9px;margin-top:9px;overflow:hidden;border-radius:5px;background:#dfe9e6}.vip-progress i{display:block;height:100%;background:var(--brand)}.vip-next{text-align:right}.vip-next strong{margin-top:4px;font-size:18px}.level-grid{padding:18px}
.security-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 18px}.security-actions form{margin:0}.security-dialog{width:min(600px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:8px;box-shadow:0 24px 70px rgba(20,37,32,.26)}.security-dialog::backdrop{background:rgba(18,34,29,.48)}.security-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.security-dialog .dialog-head h2{margin:0;font-size:18px}.security-dialog .dialog-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.security-dialog-body{display:grid;gap:16px;padding:18px}.security-code-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}.security-verify-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.security-verify-form.password-change-form{grid-template-columns:1fr 1fr}.security-verify-form.password-change-form .button{grid-column:1/-1}.security-dialog .field>span{display:block;margin-bottom:6px;color:#52605b}.security-dialog .field input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:5px}.security-send-only{padding-bottom:16px;border-bottom:1px solid var(--line)}
.email-settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.smtp-test-panel{align-self:start}.smtp-test-form{display:grid;gap:12px;padding:18px}.smtp-test-form .field span{display:block;margin-bottom:6px}.smtp-test-form input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:5px}.smtp-template-note{display:flex;gap:11px;margin:0 18px 18px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#f8faf9}.smtp-template-note svg{flex:0 0 auto;color:var(--brand)}.smtp-template-note b,.smtp-template-note span{display:block}.smtp-template-note span{margin-top:3px;color:var(--muted);font-size:12px}.member-table{min-width:720px}.member-settings .table-actions{justify-content:flex-end}.member-settings .admin-table th:last-child,.member-settings .admin-table td:last-child{text-align:right}
.direct-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.account-content .direct-row{grid-template-columns:64px minmax(180px,1fr) 190px 170px;min-width:650px;align-items:center}.account-content .direct-row>*:last-child,.account-content .direct-row.head>*:last-child{text-align:right}
@media(max-width:760px){.vip-current{grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:16px 12px}.vip-current-level strong{font-size:21px}.vip-upgrade{grid-column:1/-1;grid-row:2}.vip-next{grid-column:2;grid-row:1}.level-grid{padding:12px}.security-actions{display:grid;grid-template-columns:1fr 1fr;padding:0 12px 16px}.security-actions form{grid-column:1/-1}.security-actions form .button{width:100%}.security-dialog{width:calc(100vw - 24px);margin:auto}.security-dialog-body{padding:14px 12px}.security-code-form,.security-verify-form,.security-verify-form.password-change-form{grid-template-columns:1fr}.security-verify-form.password-change-form .button{grid-column:auto}.security-dialog .button{width:100%}.email-settings-grid{display:block;margin:0 -12px}.email-settings-grid>.panel{margin-bottom:12px;border-width:1px 0;border-radius:0}.smtp-test-form{padding:14px 12px}.smtp-template-note{margin:0 12px 14px}.member-settings{margin:0 -12px;border-width:1px 0;border-radius:0}.member-settings .section-head{padding:13px 12px}.member-settings .admin-table-wrap{overflow-x:auto}.member-settings .admin-table{min-width:700px}.admin-dialog[data-member-dialog]{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;border-radius:8px}.direct-list{padding:0 12px 12px}.account-content .direct-row,.account-content .direct-row.head,.account-content .direct-row:not(.head){display:grid;grid-template-columns:48px 150px 170px 150px;gap:8px;min-width:540px;margin:0;padding:11px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0}.account-content .direct-row.head{display:grid}.account-content .direct-row>*{display:block!important;grid-column:auto!important;grid-row:auto!important;align-self:center}.account-content .direct-created{color:var(--ink);font-size:13px}.account-content .direct-row strong{display:block;text-align:right}.direct-created small,.direct-row strong small{display:none!important}}

/* v121.css */
/* TD-PRO v1.0.21 activities, manual membership and brand support icons */
.manual-level-tag{display:inline-flex;margin-left:6px;padding:1px 5px;border:1px solid #b8d9d2;border-radius:4px;background:#f1faf7;color:var(--brand);font-size:10px;vertical-align:1px}.activity-empty{display:grid;place-items:center;min-height:320px;padding:30px;text-align:center}.activity-empty svg{width:44px;height:44px;color:var(--brand)}.activity-empty h2{margin:10px 0 0}.activity-empty p{margin:2px 0;color:var(--muted)}
.activity-grid-v121{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activity-card-v121{display:block;color:var(--ink);text-decoration:none;box-shadow:none;transition:border-color .18s,transform .18s}.activity-card-v121:hover{border-color:#9fcac0;transform:translateY(-2px)}.activity-card-v121 .activity-image{height:auto;aspect-ratio:16/8.5}.activity-card-copy{padding:14px}.activity-card-copy h2{margin:0 0 4px;font-size:16px}.activity-card-copy p{height:38px;margin:0;color:var(--muted);font-size:12px;overflow:hidden}.activity-card-copy>span{display:flex;align-items:center;gap:5px;margin-top:11px;color:var(--brand);font-size:12px;font-weight:700}.activity-card-copy svg{width:15px}
.activity-state{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;background:#edf1ef;color:#66736f;font-size:11px;font-weight:700}.activity-state.active{background:#e7f7f1;color:#087f6b}.activity-state.upcoming{background:#edf5ff;color:#28639a}.activity-state.ended,.activity-state.hidden{background:#f1f2f2;color:#6c7774}.activity-state.unconfigured{background:#fff5df;color:#9a6517}
.activity-detail-nav{margin-bottom:12px}.activity-detail{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.activity-detail-hero{position:relative;min-height:250px;aspect-ratio:16/4.2;overflow:hidden;background:#e7efec}.activity-detail-hero>img{width:100%;height:100%;object-fit:cover}.activity-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,25,21,.75),rgba(11,25,21,.18) 62%,transparent)}.activity-detail-overlay{position:absolute;z-index:2;left:34px;bottom:28px;max-width:620px;color:#fff}.activity-detail-overlay h1{margin:10px 0 4px;font-size:28px}.activity-detail-overlay p{margin:0;color:rgba(255,255,255,.82)}
.activity-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.activity-tier-area{min-width:0;border-right:1px solid var(--line)}.activity-tier-area>.section-head{padding:19px 22px}.audience-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #b8d9d2;border-radius:5px;background:#f1faf7;color:var(--brand);font-size:12px;font-weight:700}.audience-badge svg{width:16px}.activity-login{display:flex;align-items:center;gap:14px;margin:22px;padding:19px;border:1px solid var(--line);border-radius:6px;background:#f7faf9}.activity-login>svg{width:28px;color:var(--brand)}.activity-login div{min-width:0;flex:1}.activity-login h3,.activity-login p{margin:0}.activity-login p{margin-top:3px;color:var(--muted);font-size:12px}
.activity-recharge-form{padding:20px 22px 22px}.activity-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-tier{position:relative;cursor:pointer}.activity-tier>input{position:absolute;opacity:0;pointer-events:none}.activity-tier>span{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:86px;padding:13px 42px 13px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;transition:.15s}.activity-tier b,.activity-tier small{display:block}.activity-tier b{font-size:15px}.activity-tier small{margin-top:3px;color:var(--muted);font-size:11px}.activity-tier strong{grid-column:2;grid-row:1/3;color:#d9573f;font-size:17px}.tier-check{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #bcc9c5;border-radius:50%;color:transparent;font-style:normal}.activity-tier input:checked+span{border-color:var(--brand);background:#f3faf8;box-shadow:0 0 0 2px rgba(8,125,114,.08)}.activity-tier input:checked+span .tier-check{border-color:var(--brand);background:var(--brand);color:#fff}.activity-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.activity-mobile-summary>div{padding:11px 13px;border:1px solid var(--line);border-radius:5px;background:#f8faf9}.activity-mobile-summary small,.activity-mobile-summary b{display:block}.activity-mobile-summary small{color:var(--muted)}.activity-mobile-summary b{margin-top:2px}.activity-payment{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.activity-payment>span{display:block;margin-bottom:8px;font-weight:700}.activity-payment>div{display:flex;gap:8px;flex-wrap:wrap}.activity-payment label{position:relative}.activity-payment input{position:absolute;opacity:0}.activity-payment label>span{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:5px}.activity-payment img{width:23px;height:23px}.activity-payment input:checked+span{border-color:var(--brand);background:#f2faf7}.activity-submit{width:100%;margin-top:16px}.activity-submit:disabled{border-color:#bdc7c4;background:#bdc7c4;box-shadow:none;cursor:not-allowed}
.activity-rule-panel{padding:22px;background:#f8faf9}.activity-time-grid{display:grid;gap:9px}.activity-time-grid>div{padding:11px 12px;border:1px solid var(--line);border-radius:5px;background:#fff}.activity-time-grid span,.activity-time-grid b{display:block}.activity-time-grid span{color:var(--muted);font-size:11px}.activity-time-grid b{margin-top:2px;font-size:12px}.activity-countdown{margin:13px 0;padding:14px;border-left:3px solid var(--brand);background:#fff}.activity-countdown span,.activity-countdown strong{display:block}.activity-countdown span{color:var(--muted);font-size:11px}.activity-countdown strong{margin-top:3px;font-size:19px}.activity-rules{display:grid;gap:8px}.activity-rules p{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 11px;border:1px solid var(--line);border-radius:5px;background:#fff}.activity-rules i{display:grid;place-items:center;flex:0 0 auto;width:19px;height:19px;border-radius:50%;font-style:normal;font-weight:800}.activity-rules .rule-positive i{background:#e3f5ee;color:#087f6b}.activity-rules .rule-negative i{background:#fff0ed;color:#b42318}.activity-participation{margin-top:13px;padding:13px;border:1px solid #b8d9d2;border-radius:5px;background:#edf8f5}.activity-participation span,.activity-participation b,.activity-participation small{display:block}.activity-participation span,.activity-participation small{color:var(--muted);font-size:11px}.activity-participation b{margin:2px 0;font-size:18px}.activity-display-detail{margin:18px;padding:20px}.activity-display-detail h2{margin:0 0 8px}.activity-display-detail p{margin:0;color:var(--muted)}
.activity-admin-table{min-width:980px}.activity-admin-table td:nth-child(3) strong,.activity-admin-table td:nth-child(3) small{display:block}.activity-admin-table td:nth-child(3) small{max-width:280px;margin-top:3px;color:var(--muted);white-space:normal}.activity-admin-table .table-actions{display:flex;gap:5px;align-items:center}.activity-admin-table .table-actions form{margin:0}.activity-config-dialog{width:min(960px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}.activity-config-body>.form-grid{padding-bottom:16px}.activity-config-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 16px}.activity-config-groups section{overflow:hidden;border:1px solid var(--line);border-radius:6px}.activity-config-groups h3{display:flex;justify-content:space-between;margin:0;padding:11px 13px;border-bottom:1px solid var(--line);background:#f6f9f8;font-size:14px}.activity-config-groups h3 small{color:var(--muted);font-weight:400}.tier-config-row{display:grid;grid-template-columns:26px 1fr 1fr;gap:9px;align-items:end;padding:9px 11px;border-bottom:1px solid var(--line)}.tier-config-row:last-child{border-bottom:0}.tier-config-row>span{display:grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:4px;background:#edf3f1;color:var(--muted);font-size:11px}.tier-config-row label{color:var(--muted);font-size:11px}.tier-config-row input{width:100%;height:36px;margin-top:4px;padding:0 9px;border:1px solid var(--line);border-radius:4px}.activity-global-config{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;padding:16px 20px;border-top:1px solid var(--line);background:#f8faf9}.activity-global-config>.field input{width:100%;height:42px;margin-top:7px;padding:0 10px;border:1px solid var(--line);border-radius:5px}.activity-global-config .setting-switch{margin:0;background:#fff}
@media(max-width:1000px){.activity-grid-v121{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-detail-layout{grid-template-columns:1fr}.activity-tier-area{border-right:0}.activity-rule-panel{border-top:1px solid var(--line)}.activity-config-groups{grid-template-columns:1fr}}
@media(max-width:760px){.activity-page-title{padding-top:16px}.activity-grid-v121{grid-template-columns:1fr;gap:10px;padding:0 12px}.activity-card-v121{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:112px}.activity-card-v121 .activity-image{height:100%;aspect-ratio:auto}.activity-card-copy{padding:12px}.activity-card-copy h2{font-size:14px}.activity-card-copy p{height:34px;font-size:11px}.activity-card-copy>span{margin-top:7px}.activity-detail-nav{padding:12px 12px 0}.activity-detail{border-width:1px 0;border-radius:0}.activity-detail-hero{min-height:190px;aspect-ratio:16/8.8}.activity-detail-overlay{left:15px;right:15px;bottom:15px}.activity-detail-overlay h1{margin:7px 0 2px;font-size:20px}.activity-detail-overlay p{font-size:11px}.activity-tier-area>.section-head{align-items:flex-start;padding:15px 12px}.audience-badge{padding:5px 7px}.activity-login{display:grid;grid-template-columns:auto 1fr;margin:12px;padding:14px}.activity-login .button{grid-column:1/-1;width:100%}.activity-recharge-form{padding:12px 12px 16px}.activity-tier-grid{grid-template-columns:1fr}.activity-tier>span{min-height:72px}.activity-mobile-summary{position:sticky;z-index:4;bottom:76px;margin:12px -12px 0;padding:9px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -5px 18px rgba(25,46,40,.08)}.activity-payment{margin-top:13px}.activity-payment>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.activity-payment label>span{justify-content:center;padding:0 5px;font-size:11px}.activity-submit{min-height:44px}.activity-rule-panel{padding:15px 12px}.activity-time-grid{grid-template-columns:1fr 1fr}.activity-time-grid b{overflow-wrap:anywhere}.activity-rules p{align-items:center}.activity-config-dialog{width:calc(100vw - 24px);margin:auto}.activity-config-groups{padding:0 14px 14px}.tier-config-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:6px;padding:8px}.activity-global-config{grid-template-columns:1fr;padding:14px}.activity-admin-table{min-width:940px}.activity-admin>.section-head{padding:14px 12px}}

/* v122.css */
/* TD-PRO v1.0.22 clean install and virtual sales settings */
.storefront-empty{display:grid;place-items:center;min-height:210px;padding:38px 20px;text-align:center}
.storefront-empty svg{width:38px;height:38px;color:var(--brand)}
.storefront-empty h3{margin:12px 0 4px;font-size:18px}
.storefront-empty p{margin:0;color:var(--muted)}
@media(min-width:1001px){.setting-switches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.storefront-empty{min-height:180px;margin:0 12px;padding:28px 16px}.setting-switches{grid-template-columns:1fr}}

/* v125.css */
.course-selection-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: min(68vh, 640px);
  min-height: 560px;
  overflow: visible;
}

.course-selection-head {
  min-height: 0;
}

.course-selection-form {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.course-empty,
.course-select-list {
  grid-row: 1;
}

.course-select-list {
  min-height: 0;
  max-height: none;
  padding: 8px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.course-settlement-bar {
  position: static;
  grid-row: 2;
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width: 760px) {
  .course-selection-panel {
    height: min(78dvh, 700px);
    min-height: 0;
    overflow: visible;
    visibility: hidden;
    opacity: 0;
    transform: none;
    pointer-events: none;
    transition: opacity .16s ease;
  }

  .course-selection-panel.open {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

  .course-selection-form {
    height: auto;
  }
}

/* v126.css */
.brand-mark.has-image{padding:0;overflow:hidden;background:#fff;border:1px solid rgba(31,75,61,.14)}
.brand-mark.has-image img{display:block;width:100%;height:100%;object-fit:contain}
.site-logo-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:48px}
.site-logo-preview{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line,#dfe8e3);border-radius:8px;background:#fff;overflow:hidden;color:#fff}
.site-logo-preview b{display:grid;place-items:center;width:100%;height:100%;background:#28745c}
.site-logo-preview img{width:100%;height:100%;object-fit:contain}
.site-logo-control .button input[type=checkbox]{margin:0 6px 0 0}
.checkout-total-row b{max-width:68%;text-align:right;line-height:1.45}
.multi-discount-manager .table-actions form{display:inline-flex}
.demo-update-lock{max-width:680px;margin:0 auto}.demo-update-unlock-form{max-width:480px}.demo-update-unlock-form .field{width:100%}
@media(max-width:760px){.checkout-total-row{align-items:flex-start}.checkout-total-row b{max-width:62%;font-size:13px}.multi-discount-manager .admin-table{min-width:720px}}

/* v132.css */
:root {
    --brand: #2563eb;
    --brand-2: #3b82f6;
    --brand-dark: #172a46;
    --brand-soft: #edf4ff;
    --accent: #f05a28;
    --ink: #172033;
    --muted: #667085;
    --line: #e2e7ee;
    --bg: #f5f7fa;
    --paper: #fff;
    --sidebar: #fff;
    --sidebar-text: #4f6078;
    --shadow: 0 12px 30px rgba(24, 39, 64, .08);
}

body { background: var(--bg); color: var(--ink); }
.top-header { border-color: rgba(218, 225, 235, .92); }
.nav-button, .tool-button, .button, .account-nav button, .quick-button { color: #526078; }
.brand-link:focus-visible, .nav-button:focus-visible, .tool-button:focus-visible, .mobile-bottom a:focus-visible { outline-color: rgba(37, 99, 235, .18); }
.glass-panel, .panel { border-color: rgba(218, 225, 235, .94); box-shadow: 0 5px 18px rgba(24, 39, 64, .05); }
.notice-bar, .hero p { color: #596579; }
.hero-dots button { background: #b8c7dd; }
.product-card { box-shadow: 0 8px 22px rgba(24, 39, 64, .06); }
.product-card:hover { box-shadow: 0 15px 30px rgba(24, 39, 64, .11); }
.product-cover { background: #e7edf5; }
.field, .import-source-bar label>span { color: #5e6879; }
.field input, .field select, .field textarea, .search-input, .admin-form .field input, .admin-form .field select { border-color: #d5dde8; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus, .formal-form .field input:focus, .admin-form .field input:focus, .admin-form .field select:focus, .public-query-input input:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .11); }
.admin-table th, .table-row.header, .course-results-head, .direct-row.head, .activity-config-groups h3 { background: #f7f9fc; }
.mobile-bottom a, .mobile-bottom button { color: #667085; }
.scrim, .admin-dialog::backdrop, .course-sheet-scrim { background-color: rgba(18, 29, 47, .48); }
.modal-layer { background: rgba(18, 29, 47, .48); }
.modal, .admin-dialog { box-shadow: 0 24px 70px rgba(18, 29, 47, .24); }

.admin-sidebar { border-right: 1px solid var(--line); background: #fff; color: var(--sidebar-text); }
.admin-sidebar-title { border-color: var(--line); color: var(--ink); }
.admin-sidebar>a, .admin-nav-group-toggle { color: #52627a; }
.admin-sidebar>a:hover, .admin-sidebar>a.active, .admin-nav-group-toggle:hover, .admin-nav-group-toggle.active { background: var(--brand-soft); color: var(--brand); }
.admin-nav-submenu a { border-left-color: #d8e0eb; color: #6b778b; }
.admin-nav-submenu a:hover, .admin-nav-submenu a.active { border-left-color: var(--brand); background: #f4f7fc; color: var(--brand); }
.drawer-close { border-color: #d8e0eb; background: #fff; color: #647188; }
.admin-main { background: var(--bg); }
.admin-sidebar.open { box-shadow: 16px 0 40px rgba(24, 39, 64, .18); }

.course-query-message { background: var(--brand-soft); }
.checkout-methods label input:checked+span, .payment-admin-option:has(input:checked), .activity-tier input:checked+span, .activity-payment input:checked+span, .import-table tr.selected td { background: var(--brand-soft); }
.activity-tier input:checked+span { box-shadow: 0 0 0 2px rgba(37, 99, 235, .08); }
.switch-track { background: #c8d1de; }
.switch-track:after { box-shadow: 0 1px 3px rgba(24, 39, 64, .24); }
.pay-brand-logo, .payment-status, .withdraw-status, .import-map { background: #f1f4f8; }
.support-contact-grid>div, .affiliate-metrics>div, .direct-summary>div, .affiliate-link input, .withdraw-admin-note, .activity-login, .activity-mobile-summary>div, .activity-rule-panel, .activity-global-config { background: #f8fafc; }
.withdraw-estimate, .withdraw-note, .form-note { background: #f4f7fc; }
.manual-level-tag, .audience-badge, .activity-participation { border-color: #bfd0ed; background: var(--brand-soft); }
.activity-card-v121:hover { border-color: #a9c2ed; }
.activity-detail-hero { background: #e7edf5; }
.tier-check { border-color: #b8c2d0; }

.risk-metric:not(.warning):not(.danger):not(.blue) .risk-metric-icon { background: var(--brand-soft); color: var(--brand); }
.risk-metric small, .risk-metric span, .risk-filter>label>span, .risk-table td small, .risk-summary span, .risk-evidence-list small, .risk-evidence-list time, .risk-handle-note span, .risk-action-history span, .risk-detail-footer>span, .risk-master small, .risk-degree-guide span, .risk-rule-row small, .risk-threshold i { color: var(--muted); }
.risk-metric strong { color: var(--ink); }
.risk-summary>div, .risk-evidence-list, .risk-handle-note, .risk-master, .risk-degree-guide div, .risk-rule-list { border-color: var(--line); background: #fbfcfe; }
.risk-evidence-list article, .risk-action-history p, .risk-rule-row { border-color: #e8ecf2; }
.risk-source { background: #f0f3f7; color: #526078; }
.risk-master input, .risk-rule-row>input { accent-color: var(--brand); }
.risk-threshold { border-color: #d4dce7; }

.dashboard-head span { color: #526078; }
.dashboard-metric:hover, .dashboard-series-tabs button.active { border-color: #b9cae6; }
.dashboard-metric:hover { box-shadow: 0 5px 18px rgba(24, 39, 64, .07); }
.dashboard-ranges, .dashboard-rank-row>i { background: #f3f6fa; }
.dashboard-ranges .active { box-shadow: 0 1px 4px rgba(24, 39, 64, .12); }
.dashboard-chart-grid { stroke: #e8edf4; }
.dashboard-chart-label, .dashboard-rank-row>i { color: #6b778b; fill: #6b778b; }
.dashboard-chart-guide { stroke: #9fb2cf; }
.dashboard-chart-tooltip { border-color: #d0d9e6; box-shadow: 0 10px 28px rgba(24, 39, 64, .14); }
.dashboard-attention-item, .dashboard-rank-row, .dashboard-supplier-row { border-color: #e8edf4; }
.dashboard-rank-row>div>span { background: #edf1f6; }

.product-batch-bar { border-color: #c8d7ed; background: #f5f8fd; }
.batch-selection b { color: #24334c; }
.batch-selection button { color: var(--brand); }
.batch-selection span, .batch-price-preview span, .batch-price-preview small { color: var(--muted); }
.batch-actions>button, .batch-more>button, .batch-more [data-batch-menu] button { border-color: #d0d9e6; color: #33435c; }
.batch-more [data-batch-menu] { border-color: #d8e0eb; box-shadow: 0 12px 28px rgba(24, 39, 64, .14); }
.product-batch-table input[type=checkbox] { accent-color: var(--brand); }
.batch-dialog { box-shadow: 0 24px 70px rgba(18, 29, 47, .22); }
.batch-dialog::backdrop { background: rgba(18, 29, 47, .45); }
.batch-dialog select, .batch-dialog input[type=number], .price-mode-grid span { border-color: #d3dbe7; }
.price-mode-grid span { color: #5c687b; }
.price-mode-grid input:checked+span { border-color: var(--brand); background: var(--brand-soft); color: #1f56bd; }
.batch-price-preview { border-color: #dde4ee; background: #f7f9fc; }

.gate-background { background: var(--bg); }
.install-header { border-color: var(--line); }
.step-sidebar { background: var(--brand-dark); color: #d8e3f2; }
.step-sidebar>p, .step-item { color: #aebed3; }
.step-item b { color: #d8e3f2; }
.content-actions, .modal-actions { background: #fafbfc; }
.check-summary, .log-row.running, .form-note { background-color: #f7f9fc; }
.field input { border-color: #d3dbe6; }
.form-note, .modal-body { color: #596579; }
.progress-track { background: #e7ecf3; }
.progress-current { color: #445168; }
.lock-path { background: #f6f8fb; color: #48556b; }
.modal-layer { background-color: rgba(18, 29, 47, .56); }
.modal { box-shadow: 0 24px 70px rgba(18, 29, 47, .30); }
.toast { color: #445168; }

@media (max-width: 760px) {
    .content-actions { box-shadow: 0 -6px 20px rgba(24, 39, 64, .08); }
    .product-batch-bar { box-shadow: 0 12px 34px rgba(24, 39, 64, .24); }
}

/* v134.css */
/* v1.0.34 mobile account drawer. */
.account-mobile-menu,
.account-mobile-drawer,
.account-drawer-scrim {
    display: none;
}

@media (max-width: 760px) {
    body.account-drawer-open {
        overflow: hidden;
    }

    .account-mobile-menu {
        display: inline-grid;
        place-items: center;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        padding: 0;
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
        color: #526078;
    }

    .account-mobile-menu svg {
        width: 20px;
        height: 20px;
    }

    .account-hero {
        display: none;
    }

    .account-layout {
        display: block;
    }

    .account-nav {
        display: none;
    }

    .account-content {
        min-height: calc(100dvh - 128px);
        border-width: 0 0 1px;
        border-radius: 0;
    }

    .account-overview-recharge {
        display: none;
    }

    .account-overview-head {
        min-height: 0;
        padding: 0;
        border: 0;
    }

    .account-overview-head h2,
    .account-recharge-head {
        display: none;
    }

    .account-drawer-scrim {
        position: fixed;
        z-index: 80;
        inset: 0;
        display: block;
        visibility: hidden;
        background: rgba(22, 32, 51, .34);
        opacity: 0;
        transition: opacity .2s, visibility .2s;
    }

    .account-mobile-drawer {
        position: fixed;
        z-index: 81;
        top: 0;
        bottom: 0;
        left: 0;
        display: flex;
        width: min(252px, 72vw);
        flex-direction: column;
        border-right: 1px solid var(--line);
        background: #fff;
        box-shadow: 14px 0 36px rgba(23, 32, 51, .16);
        transform: translateX(-104%);
        transition: transform .22s ease;
    }

    body.account-drawer-open .account-drawer-scrim {
        visibility: visible;
        opacity: 1;
    }

    body.account-drawer-open .account-mobile-drawer {
        transform: translateX(0);
    }

    .account-mobile-drawer>header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 0 0 58px;
        padding: 0 12px 0 16px;
        border-bottom: 1px solid var(--line);
    }

    .account-mobile-drawer>header b {
        font-size: 16px;
    }

    .account-mobile-drawer>header button {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        padding: 0;
        border: 0;
        border-radius: 5px;
        background: var(--bg);
        color: #526078;
    }

    .account-drawer-user {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-bottom: 1px solid var(--line);
    }

    .account-drawer-user .avatar {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .account-drawer-user b,
    .account-drawer-user small {
        display: block;
    }

    .account-drawer-user small {
        margin-top: 3px;
        color: var(--muted);
        font-size: 11px;
    }

    .account-mobile-drawer>nav {
        display: grid;
        gap: 2px;
        padding: 8px;
    }

    .account-mobile-drawer>nav a {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 43px;
        padding: 0 12px;
        border-radius: 5px;
        color: #596780;
        text-decoration: none;
    }

    .account-mobile-drawer>nav a svg {
        width: 17px;
        height: 17px;
    }

    .account-mobile-drawer>nav a.active {
        background: var(--brand-soft);
        color: var(--brand);
        font-weight: 700;
    }

    .account-mobile-drawer>footer {
        margin: auto 16px max(16px, env(safe-area-inset-bottom));
        padding-top: 12px;
        border-top: 1px solid var(--line);
        color: #98a2b3;
        font-size: 11px;
    }
}

/* v135.css */
/* v1.0.35 FAQ, support modal and compact query layout. */
.public-query-panel{width:min(900px,100%);margin-left:auto;margin-right:auto}.public-query-form{grid-template-columns:minmax(0,1fr) auto;max-width:720px;margin:0 auto}body.support-modal-open{overflow:hidden}
@media(max-width:760px){.public-query-panel{width:100%}.public-query-form{grid-template-columns:1fr}}
.query-faq{width:min(720px,100%);margin:24px auto 0}.query-faq-head{margin-bottom:10px}.query-faq-head h2{margin:0;font-size:20px}.query-faq-list{display:grid;gap:9px}.query-faq-item{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.query-faq-question{display:flex;align-items:center;gap:11px;width:100%;min-height:57px;padding:0 15px;border:0;background:#fff;color:var(--ink);text-align:left}.query-faq-question>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:12px}.query-faq-question strong{font-size:14px}.query-faq-question svg{width:17px;margin-left:auto;color:#8590a3;transition:transform .2s}.query-faq-answer{max-height:0;overflow:hidden;padding:0 51px;color:var(--muted);transition:max-height .2s,padding .2s}.query-faq-answer p{margin:0}.query-faq-item.open{border-color:#c8dafe}.query-faq-item.open .query-faq-question{color:var(--brand)}.query-faq-item.open .query-faq-question svg{transform:rotate(180deg);color:var(--brand)}.query-faq-item.open .query-faq-answer{max-height:220px;padding:0 51px 16px}.faq-answer-cell{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-modal-layer[hidden]{display:none}.support-modal-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px;background:rgba(23,32,51,.38)}.support-modal{width:min(470px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:9px;background:#fff;box-shadow:0 22px 70px rgba(23,32,51,.22)}.support-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 15px;border-bottom:1px solid var(--line)}.support-modal h2{margin:0;font-size:20px}.support-modal header p{margin:5px 0 0;color:var(--muted);font-size:12px}.support-modal header button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:5px;background:var(--bg);color:#667085}.support-modal-list{padding:8px 22px 0}.support-modal-list>div{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:3px 13px;padding:13px 0;border-bottom:1px solid var(--line)}.support-modal-list>div:last-child{border-bottom:0}.support-modal-list>div>span{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#f6f8fb}.support-modal-list img{width:28px;height:28px}.support-modal-list svg{width:25px;height:25px;color:var(--brand)}.support-modal-list small{color:var(--muted);font-size:12px}.support-modal-list strong{font-size:15px}.support-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px 22px 22px}.support-modal-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--line);border-radius:6px;font-weight:700}.support-modal-actions a img{width:21px;height:21px}.support-modal-actions a svg{width:15px;margin-left:2px}.support-modal-actions .qq{border-color:#cfe3ff;background:#f0f7ff;color:#2875bd}.support-modal-actions .wechat{border-color:#cfeedd;background:#f1fbf5;color:#168a52}
@media(max-width:760px){.query-faq{width:100%;padding:0 12px;margin-top:20px}.query-faq-head h2{font-size:18px}.query-faq-question{min-height:54px;padding:0 12px}.query-faq-answer{padding-left:48px;padding-right:18px}.query-faq-item.open .query-faq-answer{padding-left:48px;padding-right:18px}.support-modal-layer{align-items:end;padding:0}.support-modal{width:100%;border-radius:9px 9px 0 0}.support-modal>header{padding:18px 16px 14px}.support-modal-list{padding:8px 16px 0}.support-modal-actions{padding:14px 16px max(18px,env(safe-area-inset-bottom))}}

/* v136.css */
/* v1.0.36 scheduling, navigation and compact page fixes. */
.admin-flash.success{border-color:#cfe0ff;background:var(--brand-soft);color:var(--brand)}
.admin-flash.is-leaving{opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}
.public-query-panel{width:min(720px,100%);margin-top:8px}
.schedule-config-panel{margin-bottom:14px;overflow:hidden}
.schedule-config-panel>.section-head{padding:17px 20px;border-bottom:1px solid var(--line)}
.schedule-config-form{padding-top:16px}
.schedule-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f7f9fc}
.schedule-command code{min-width:0;overflow:auto;color:#344054;white-space:nowrap}
.schedule-command small{grid-column:1/-1;color:var(--muted)}
.schedule-heartbeat{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:5px;font-size:13px}
.schedule-heartbeat.healthy{background:var(--brand-soft);color:var(--brand)}
.schedule-heartbeat.warning{background:#fff4df;color:#a45e10}
.scheduled-task-manager{overflow:hidden}
.schedule-state,.schedule-result{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700}
.schedule-state:before,.schedule-result:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.schedule-state.disabled,.schedule-result.idle{color:#98a2b3}
.schedule-result.failed{color:var(--danger)}
.scheduled-task-table td>small{display:block;margin-top:3px;color:var(--muted)}
.schedule-actions{flex-wrap:nowrap}
.schedule-actions button{min-height:31px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#53627a}
.schedule-actions .danger{color:var(--danger)}
.schedule-dialog{width:min(620px,calc(100% - 28px))}
.schedule-log-list{max-height:460px;overflow:auto}
.schedule-log-row{display:grid;grid-template-columns:138px 48px minmax(0,1fr) auto;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
.schedule-log-row time,.schedule-log-row small{color:var(--muted)}
.schedule-log-row b.success{color:var(--brand)}
.schedule-log-row b.failed{color:var(--danger)}

@media(max-width:760px){
    body .account-hero{display:none!important}
    body.admin-mode.drawer-open{overflow:hidden}
    body.admin-mode .admin-sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(28px,env(safe-area-inset-bottom))}
    .public-query-panel{width:100%;margin-top:0}
    .query-results{margin-top:14px}
    .schedule-config-panel,.scheduled-task-manager{border-width:1px 0;border-radius:0}
    .schedule-config-panel>.section-head,.scheduled-task-manager>.section-head{padding:14px 12px}
    .schedule-config-form{padding:14px 12px}
    .schedule-command{grid-template-columns:1fr}
    .schedule-command .button{width:100%}
    .schedule-command small{grid-column:auto}
    .scheduled-task-table,.scheduled-task-table tbody,.scheduled-task-table tr,.scheduled-task-table td{display:block;width:100%}
    .scheduled-task-table thead{display:none}
    .scheduled-task-table tbody{display:grid;gap:9px;padding:12px}
    .scheduled-task-table tr{padding:12px;border:1px solid var(--line);border-radius:6px}
    .scheduled-task-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0}
    .scheduled-task-table td:before{content:attr(data-label);color:var(--muted);font-size:12px}
    .scheduled-task-table td:first-child,.scheduled-task-table td:last-child{display:block}
    .scheduled-task-table td:first-child:before,.scheduled-task-table td:last-child:before{display:none}
    .schedule-actions{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5px}
    .schedule-actions form,.schedule-actions button{width:100%}
    .schedule-log-row{grid-template-columns:1fr auto;padding:11px 13px}
    .schedule-log-row span{grid-column:1/-1}
}

/* v137.css */
/* v1.0.37 account overview */
.account-overview-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.75fr);gap:12px;padding:16px}
.account-balance-card,.account-recent-card,.account-member-card{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff}
.account-balance-card{grid-column:1/-1;position:relative;overflow:hidden;min-height:154px;padding:22px;border-color:#d9e5fb;background:#f7faff}
.account-balance-card:after{content:"";position:absolute;right:-28px;bottom:-54px;width:150px;height:150px;border:28px solid #e8f0ff;border-radius:50%}
.account-balance-card>span,.account-member-line span{color:var(--muted);font-size:13px}
.account-balance-card>strong{position:relative;z-index:1;display:block;margin-top:10px;font-size:32px}
.account-balance-actions{position:relative;z-index:1;display:flex;gap:9px;margin-top:22px}
.account-section-head{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 15px;border-bottom:1px solid var(--line)}
.account-section-head h2{margin:0;font-size:16px}.account-section-head a{display:inline-flex;align-items:center;gap:3px;color:var(--brand);font-weight:700}.account-section-head svg{width:16px;height:16px}
.account-recent-list{padding:0 15px}.account-recent-row{display:grid;grid-template-columns:minmax(0,1.35fr) 76px 100px 28px;gap:10px;align-items:center;min-height:68px;border-bottom:1px solid #edf0f4}.account-recent-row:last-child{border-bottom:0}.account-recent-row>div:first-child{min-width:0}.account-recent-row b,.account-recent-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-recent-row b{font-size:14px}.account-recent-row small{margin-top:5px;color:var(--muted);font-size:11px}.account-order-status{justify-self:start;padding:4px 7px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700;white-space:nowrap}.account-order-progress b{font-size:13px}.account-order-progress i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:3px;background:#e8edf3}.account-order-progress em{display:block;height:100%;border-radius:3px;background:var(--brand)}.account-recent-row>a{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#f6f8fb;color:#69758a}.account-recent-row>a svg{width:17px}.account-member-card{grid-column:2}.account-member-body{padding:17px}.account-member-line{display:flex;align-items:start;justify-content:space-between;gap:10px}.account-member-line strong{display:block;margin-top:5px;color:var(--brand);font-size:22px}.account-member-line>b{max-width:160px;padding:5px 8px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:12px;text-align:right}.account-upgrade{margin-top:24px}.account-upgrade>strong,.account-upgrade>span{display:block}.account-upgrade>strong{font-size:14px}.account-upgrade>span{margin-top:6px;color:var(--muted);font-size:12px}.account-upgrade>i{display:block;height:8px;margin-top:12px;overflow:hidden;border-radius:4px;background:#e8edf3}.account-upgrade>i em{display:block;height:100%;border-radius:4px;background:var(--brand)}.account-upgrade>small{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:11px}.account-member-body>.button{width:100%;margin-top:21px;text-align:center}.account-recent-empty{min-height:170px}
@media(max-width:760px){.account-overview-layout{display:block;padding:12px}.account-balance-card{min-height:138px;padding:18px}.account-balance-card>strong{margin-top:7px;font-size:29px}.account-balance-actions{margin-top:18px}.account-recent-card,.account-member-card{margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0}.account-recent-card{margin-top:9px}.account-recent-list{padding:0 12px}.account-recent-row{grid-template-columns:minmax(0,1fr) 66px 28px;min-height:66px}.account-recent-row:nth-child(n+3){display:none}.account-recent-row .account-order-progress{display:none}.account-recent-row b{font-size:13px}.account-member-card{margin-top:9px}.account-member-body{padding:15px 12px 17px}.account-upgrade{margin-top:19px}.account-member-line>b{max-width:185px}}

/* v138.css */
/* v1.0.38 mobile support, activity access and notification cleanup */
body[data-frame="a"]{--success:var(--brand)}
.mobile-support-fab{display:none;position:fixed;z-index:88;right:16px;bottom:82px;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 28%,transparent);touch-action:none;user-select:none}.mobile-support-fab svg{width:23px;height:23px}.mobile-support-fab.dragging{cursor:grabbing;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 40%,transparent)}
.activity-state.active{background:var(--brand-soft);color:var(--brand)}
.activity-login-gate{display:grid;place-items:center;min-height:330px;padding:35px;text-align:center}.activity-login-gate>svg{width:46px;height:46px;color:var(--brand)}.activity-login-gate h2{margin:13px 0 4px}.activity-login-gate p{margin:0 0 18px;color:var(--muted)}.activity-login-gate>div{display:flex;gap:8px}
.form-alert.success{border-color:#c9dafa;background:var(--brand-soft);color:var(--brand)}.form-alert.success svg{color:var(--brand)}.toast{border-color:#c9dafa;color:#344463}.toast b{color:var(--brand)}.success-icon{background:var(--brand-soft);color:var(--brand)}.status-pill{background:var(--brand-soft);color:var(--brand)}.status-card .status-pill{color:var(--brand)}.activity-state.upcoming{background:#fff4e5;color:#b26d12}
.positive,.amount-in,.supplier-health.normal,.payment-status.submitted,.status-dot:not(.off),.withdraw-status.paid,.admin-toast:not(.error){color:var(--brand)!important}.supplier-health.normal:before,.health-dot{background:var(--brand)!important}.payment-status.submitted,.status-dot:not(.off),.withdraw-status.paid{background:var(--brand-soft)!important}.admin-toast:not(.error){border-color:#c9dafa!important;background:var(--brand-soft)!important}
.toast,.form-alert{transition:opacity .2s ease,transform .2s ease}.toast.is-fading,.form-alert.is-fading{opacity:0;transform:translateY(-5px);pointer-events:none}
@media(max-width:760px){body[data-frame="a"] .header-tools .support-button{display:none}body[data-frame="a"] .mobile-support-fab{display:grid}.page-canvas{padding-top:0!important}.activity-login-gate{min-height:300px;margin:0;border-width:1px 0;border-radius:0}.activity-login-gate>div{width:100%}.activity-login-gate .button{flex:1}.account-overview-layout{gap:9px}.account-recent-card,.account-member-card{min-height:0}.account-recent-empty{min-height:170px}}

/* v139.css */
/* v1.0.39 announcement flow, balance detail cleanup and compact mobile layout. */
.announcement-page-title{display:flex;align-items:end;justify-content:space-between}.announcement-list{overflow:hidden}.announcement-item{display:grid;grid-template-columns:42px minmax(0,1fr) 130px 20px;gap:13px;align-items:center;width:100%;min-height:82px;padding:0 18px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.announcement-item:last-child{border-bottom:0}.announcement-item:hover{background:#fbfdff}.announcement-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:var(--brand-soft);color:var(--brand)}.announcement-icon svg{width:18px;height:18px}.announcement-copy{min-width:0}.announcement-copy strong,.announcement-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-copy strong{font-size:14px}.announcement-copy small{margin-top:5px;color:var(--muted);font-size:12px}.announcement-copy em{display:inline-flex;align-items:center;margin-right:7px;padding:2px 6px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-style:normal}.announcement-item time{color:var(--muted);font-size:12px}.announcement-arrow{color:#8995a9}.announcement-empty{display:grid;place-items:center;min-height:300px;padding:30px;text-align:center;color:var(--muted)}.announcement-empty svg{width:38px;height:38px;margin-bottom:10px;color:var(--brand)}.announcement-empty h2{margin:0 0 5px;color:var(--ink);font-size:17px}.announcement-empty p{margin:0;font-size:12px}.announcement-dialog{width:min(620px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(18,34,62,.22)}.announcement-dialog::backdrop{background:rgba(23,32,51,.38)}.announcement-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.announcement-dialog-head h2{margin:0;font-size:19px}.announcement-dialog-head p{display:flex;gap:8px;margin:7px 0 0;color:var(--muted);font-size:12px}.announcement-dialog-head [data-announcement-pin]{color:var(--brand);font-weight:700}.announcement-dialog-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:5px;background:#f5f7fa;color:#596780}.announcement-dialog-head svg{width:18px}.announcement-dialog-body{padding:20px;white-space:pre-wrap;color:#42516a;font-size:14px;line-height:1.9}.announcement-admin-preview{display:block;max-width:360px;margin-top:4px;color:var(--muted);font-size:11px}.account-nav a{gap:9px}.account-nav a svg{width:17px;height:17px}.account-logout{margin:10px 8px 0;padding-top:10px;border-top:1px solid var(--line)}.account-logout button,.account-drawer-logout button{display:flex;align-items:center;gap:9px;width:100%;height:39px;padding:0 13px;border:0;border-radius:5px;background:#fff;color:#bd5a5a;text-align:left;font-size:13px}.account-logout button:hover,.account-drawer-logout button:hover{background:#fff6f6;color:#a84444}.account-logout svg,.account-drawer-logout svg{width:17px;height:17px}.account-drawer-logout{display:none}
.account-content .ledger-row{grid-template-columns:minmax(220px,1.45fr) 1.1fr 1fr auto;min-height:76px;padding:0 18px}.ledger-type{display:flex;align-items:center;gap:10px;min-width:0}.ledger-type>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-style:normal}.ledger-type>i svg{width:17px;height:17px}.ledger-type>span{min-width:0}.ledger-type b,.ledger-type small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-type small{margin-top:4px;font-size:11px}.ledger-time,.ledger-balance{color:#536179;font-size:13px}.ledger-amount{justify-self:end;font-size:14px}
@media(max-width:760px){.announcement-page-title{padding:16px 15px 12px}.announcement-list{border-width:1px 0;border-radius:0}.announcement-item{grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;min-height:84px;padding:0 15px}.announcement-icon{width:34px;height:34px}.announcement-item time{grid-column:2;margin-top:-17px;font-size:11px}.announcement-arrow{grid-column:3;grid-row:1 / span 2}.announcement-dialog{width:calc(100% - 24px);margin:auto 12px}.announcement-dialog-head{padding:15px}.announcement-dialog-body{padding:16px;font-size:13px}.account-overview-layout>.account-balance-card{margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0}.account-drawer-logout{display:block;margin:8px 16px 0;padding-top:10px;border-top:1px solid var(--line)}.account-mobile-drawer>footer{margin-top:8px}.announcement-admin-preview{max-width:none}.account-content .ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;min-height:92px;padding:13px 16px}.ledger-type{grid-column:1}.ledger-time{grid-column:1;padding-left:44px;font-size:12px}.ledger-balance{display:block!important;grid-column:1;padding-left:44px;font-size:12px}.ledger-amount{grid-column:2;grid-row:1 / span 3;align-self:center;font-size:16px}}
@media(max-width:760px){.hero{aspect-ratio:16/7.2}}

/* v140.css */
/* v1.0.40 recharge records, account activities and compact announcements. */
.payment-logo-alipay,.activity-payment input[value=alipay]+span img{filter:invert(38%) sepia(99%) saturate(3000%) hue-rotate(205deg)}
.payment-logo-wxpay,.activity-payment input[value=wxpay]+span img{filter:invert(60%) sepia(86%) saturate(480%) hue-rotate(79deg)}
.payment-logo-qqpay,.activity-payment input[value=qqpay]+span img{filter:invert(42%) sepia(78%) saturate(1300%) hue-rotate(167deg)}
.support-modal-list>div:first-child>span{background:transparent}.support-modal-list>div:first-child img{width:34px;height:34px}.support-modal-actions .qq img{width:25px;height:25px}
.account-recharge-records{border-top:8px solid var(--bg)}.account-recharge-records.all{border-top:0}.account-record-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px;border-bottom:1px solid var(--line)}.account-record-head h2{margin:0;font-size:17px}.account-record-head a{display:flex;align-items:center;gap:3px;color:var(--brand);font-size:12px;text-decoration:none}.account-record-head a svg{width:15px;height:15px}.account-record-list{padding:0 20px}.account-record-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:78px;border-bottom:1px solid var(--line)}.account-record-row:last-child{border-bottom:0}.account-record-logo{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:#fff}.account-record-logo img{width:23px;height:23px}.account-record-row>div b,.account-record-row time,.account-record-row aside strong,.account-record-row aside span{display:block}.account-record-row>div b{font-size:14px}.account-record-row time{margin-top:4px;color:var(--muted);font-size:11px}.account-record-row aside{text-align:right}.account-record-row aside strong{font-size:14px}.account-recharge-status{display:inline-flex!important;margin-top:5px;padding:3px 6px;border-radius:4px;background:var(--brand-soft);color:var(--brand);font-size:10px}.account-recharge-status.pending{background:#fff5e6;color:#b46c12}.account-recharge-status.failed,.account-recharge-status.closed{background:#fff0f0;color:#c84a4a}.account-record-empty{padding:42px 20px;text-align:center;color:var(--muted)}
.account-activity-grid{padding:16px}.account-activity-detail{border:0;border-radius:0}.account-content:has(.account-activity-detail)>.form-alert{margin:14px}.account-content:has(.account-activity-detail) .activity-detail-nav{padding:14px;margin:0;border-bottom:1px solid var(--line)}.account-content:has(.account-activity-detail) .activity-display-detail{margin:0;padding:20px}.account-content:has(.account-activity-detail) .activity-detail-hero{border-radius:0}
.announcement-list{margin-top:0}.announcement-item{min-height:68px}.announcement-copy strong{white-space:normal}.announcement-copy small{display:none}
@media(max-width:760px){.account-recharge-head{padding:15px 16px}.account-recharge-records{border-top-width:8px}.account-record-head{min-height:54px;padding:0 16px}.account-record-list{padding:0 16px}.account-record-row{min-height:74px}.account-recharge-records.all .list-pagination{padding-bottom:16px}.account-activity-head{padding:15px 16px}.account-activity-grid{padding:12px}.account-content:has(.account-activity-detail) .activity-detail-nav{padding:10px 12px}.account-content:has(.account-activity-detail) .activity-detail{border:0}.announcement-list{border-top:0}.announcement-item{grid-template-columns:36px minmax(0,1fr) 18px;min-height:72px}.announcement-item time{grid-column:2;margin-top:-8px}.announcement-arrow{grid-column:3;grid-row:1 / span 2}}

/* v141.css */
/* v1.0.41 desktop workspace width only. */
@media (min-width: 761px) {
    body.admin-mode .page-canvas,
    body.account-mode .page-canvas {
        width: min(1760px, calc(100% - clamp(40px, 3vw, 64px)));
        max-width: none;
    }
}

/* v142.css */
/* v1.0.42 desktop chrome alignment and announcement positioning. */
@media (min-width: 761px) {
    body.admin-mode .admin-top-header {
        display: none;
    }

    body.admin-mode .admin-layout {
        min-height: 100vh;
    }

    body.admin-mode .admin-sidebar {
        display: flex;
        flex-direction: column;
    }

    .admin-sidebar-logout {
        margin: auto 8px 4px;
        padding-top: 10px;
        border-top: 1px solid var(--line);
    }

    .admin-sidebar-logout button {
        display: flex;
        align-items: center;
        gap: 9px;
        width: 100%;
        min-height: 39px;
        padding: 0 13px;
        border: 0;
        border-radius: 5px;
        background: transparent;
        color: #bd5a5a;
        text-align: left;
    }

    .admin-sidebar-logout button:hover {
        background: #fff6f6;
        color: #a84444;
    }

    .admin-sidebar-logout svg {
        width: 17px;
        height: 17px;
    }

    body.account-mode .top-header {
        padding-right: max(calc(clamp(40px, 3vw, 64px) / 2), calc((100vw - 1760px) / 2));
        padding-left: max(calc(clamp(40px, 3vw, 64px) / 2), calc((100vw - 1760px) / 2));
    }
}

@media (max-width: 760px) {
    .admin-sidebar-logout {
        display: none;
    }

    .announcement-item .announcement-icon {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .announcement-item .announcement-arrow {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }
}

.announcement-dialog[open] {
    position: fixed;
    inset: 0;
    max-height: min(80vh, 720px);
    margin: auto;
    overflow: hidden;
}

.announcement-dialog[open] .announcement-dialog-body {
    max-height: calc(min(80vh, 720px) - 88px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (max-width: 760px) {
    .announcement-dialog[open] {
        width: calc(100% - 24px);
        max-height: min(82vh, 680px);
        margin: auto;
    }

    .announcement-dialog[open] .announcement-dialog-body {
        max-height: calc(min(82vh, 680px) - 82px);
    }
}

/* v144.css */
/* Navigation loading indicator removed in v1.0.46. */

/* v145.css */
/* TD-PRO v1.0.45 storefront loading controls. */
.product-cover picture,.product-cover picture img{display:block;width:100%;height:100%}
.product-cover picture img{object-fit:cover;background:#e7edf5}
.product-cover img[data-src]{color:transparent}
.catalog-loader{display:flex;justify-content:center;padding:18px 12px 4px}
.catalog-loader[hidden]{display:none}
.catalog-loader .button{min-width:104px}
@media(max-width:760px){
  .product-grid:not(.grid) .product-card{display:grid;grid-template-columns:108px minmax(0,1fr)}
  .product-grid:not(.grid) .product-cover{height:100%;min-height:108px}
  .product-grid:not(.grid) .product-body{display:block;min-width:0}
  .product-grid:not(.grid) .product-meta{display:flex;text-align:left}
}

/* v146.css */
/* TD-PRO v1.0.46 carousel, empty states and system logs. */
.hero-empty{display:grid;place-items:center;min-height:250px;padding:34px;text-align:center;border:1px solid var(--line);border-radius:8px;background:#f7f9fc;color:var(--muted)}
.hero-empty svg{width:34px;height:34px;color:var(--brand)}
.hero-empty h1{margin:12px 0 4px;color:var(--ink);font-size:20px}
.hero-empty p{margin:0;font-size:13px}
@media(min-width:761px){.hero-media:after{background:linear-gradient(90deg,rgba(11,24,45,.78),rgba(11,24,45,.35) 64%,rgba(11,24,45,.08))}.hero-copy{justify-content:flex-end;text-shadow:0 2px 14px rgba(0,0,0,.55)}.hero-copy h1{color:#fff}.hero-copy p{max-width:680px;color:#fff;font-weight:500;line-height:1.7}.hero-media img{width:100%;height:100%;object-fit:cover}}
@media(max-width:760px){.hero-copy{background:linear-gradient(0deg,rgba(10,22,42,.82),rgba(10,22,42,.06) 72%);text-shadow:0 2px 10px rgba(0,0,0,.62)}.hero-copy h1,.hero-copy p{color:#fff}.hero-copy p{font-weight:500;line-height:1.55}.hero-empty{min-height:170px;margin:0 12px;padding:24px 16px}}
.log-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px}.system-log-table{min-width:920px}.log-clean-dialog{width:min(560px,calc(100% - 24px))}.log-clean-preview{margin:0 18px;padding:12px;border-left:3px solid var(--brand);background:#f2f6fd;color:#526078;font-size:13px}.log-clean-preview+ .form-footer{margin-top:4px}
@media(max-width:760px){.log-toolbar{align-items:stretch;flex-direction:column}.log-toolbar .toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.system-log-list .admin-table-wrap{overflow-x:auto}.system-log-table{min-width:860px}}

/* v147.css */
/* TD-PRO v1.0.47 checkout, course selection and carousel refinements. */
@media(min-width:761px){
  .course-choice{position:relative}
  .course-choice>input{top:13px;left:8px;width:20px;height:20px;margin:0}
  .hero-media:after{background:linear-gradient(90deg,rgba(10,22,42,.46),rgba(10,22,42,.16) 55%,transparent 82%)}
  .hero-copy{text-shadow:0 1px 5px rgba(0,0,0,.32)}
}
@media(max-width:760px){
  .account-content .ledger-row{gap:5px 12px;min-height:80px;padding:9px 16px}
  .ledger-type small{margin-top:2px}
  .hero-slide:after{inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(9,21,39,.54))}
  .hero-copy{background:none;text-shadow:0 1px 5px rgba(0,0,0,.4)}
}