/* MATRIX storefront skins. Original integration code; no remote trackers or assets. */
:root{--mx-bg:#10101c;--mx-surface:#1b1b2c;--mx-fg:#f2f0ff;--mx-muted:#b0acc7;--mx-line:#ffffff18;--mx-accent:#b8a3ff;--mx-glow:#7354cc;--mx-radius:24px}
html[data-matrix-skin=garden]{--mx-bg:#f2f7f3;--mx-surface:#fff;--mx-fg:#153c35;--mx-muted:#506c61;--mx-line:#1c635520;--mx-accent:#276d59;--mx-glow:#abdccc;--mx-radius:28px}
html[data-matrix-skin=paper]{--mx-bg:#f6f2e9;--mx-surface:#fffdf8;--mx-fg:#302b25;--mx-muted:#71675b;--mx-line:#302b2530;--mx-accent:#8f452e;--mx-glow:#dcc2a9;--mx-radius:3px}
html[data-matrix-skin=nebula]{--mx-bg:#100d26;--mx-surface:#211436;--mx-fg:#fff1fb;--mx-muted:#c9b0d3;--mx-line:#e3a0e526;--mx-accent:#f0a2da;--mx-glow:#9d4cae;--mx-radius:22px}
.uc-body{background:var(--mx-bg)!important;color:var(--mx-fg)!important;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}
.uc-topbar{background:var(--mx-bg)!important;border-bottom:1px solid var(--mx-line)!important;box-shadow:none!important}.shop-brand__name,.shop-nav__item,.shop-icon-btn,.shop-auth a{color:var(--mx-fg)!important}.shop-brand img{border-radius:9px}.shop-btn--primary{background:var(--mx-accent)!important;color:var(--mx-bg)!important;border:0!important}.shop-search{display:none!important}.shop-theme-btn{display:none!important}.shop-nav{min-height:74px}.shop-brand__name{font-size:16px!important;font-weight:700!important}
a[href^="/user/business"],a[href^="/user/agent"],a[href^="/user/recharge"]{display:none!important}
.mx-wrap{max-width:1180px;margin:auto;padding:28px 28px 60px}.mx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mx-muted);font-size:12px}.mx-status{display:flex;align-items:center;gap:8px}.mx-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mx-accent)}.mx-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mx-controls button,.mx-tabs button{border:1px solid var(--mx-line);color:var(--mx-muted);background:transparent;border-radius:30px;padding:8px 12px;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.mx-controls button[aria-pressed=true],.mx-tabs button[aria-pressed=true]{color:var(--mx-bg);background:var(--mx-accent);border-color:var(--mx-accent)}.mx-controls button:focus-visible,.mx-tabs button:focus-visible,.mx-details summary:focus-visible{outline:3px solid var(--mx-accent);outline-offset:4px}
.mx-hero{position:relative;display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:36px;min-height:430px;padding:54px 0 62px}.mx-kicker{font-size:12px;letter-spacing:3px;color:var(--mx-accent);margin:0 0 22px}.mx-hero h1{font-size:clamp(34px,4.5vw,61px);line-height:1.18;letter-spacing:-2px;font-weight:750;margin:0 0 24px;color:var(--mx-fg)}.mx-hero h1 span{display:block;color:var(--mx-accent);font-size:.83em;margin-top:10px}.mx-intro{color:var(--mx-muted);max-width:470px;font-size:15px;line-height:1.9;margin:0 0 28px}.mx-hero-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mx-cta{display:inline-block;background:var(--mx-accent);color:var(--mx-bg)!important;text-decoration:none!important;border-radius:11px;padding:13px 23px;font-size:14px;font-weight:700}.mx-text-link{color:var(--mx-muted)!important;font-size:13px;text-decoration:none}.mx-visual{isolation:isolate;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;perspective:800px}.mx-orbit{position:absolute;width:280px;height:280px;border:1px solid var(--mx-line);border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg)}.mx-orbit:after{content:"";position:absolute;left:0;top:45%;height:9px;width:9px;border-radius:50%;background:var(--mx-accent);box-shadow:0 0 30px var(--mx-accent)}.mx-orbit.two{width:360px;height:360px;transform:rotateX(35deg) rotateY(35deg)}.mx-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:var(--mx-glow);filter:blur(80px);opacity:.45;z-index:-1}.mx-art-card{width:260px;padding:25px;border:1px solid var(--mx-line);background:linear-gradient(145deg,var(--mx-surface),var(--mx-bg));border-radius:23px;transform:rotate(-9deg);box-shadow:0 30px 70px #0003}.mx-art-top{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;color:var(--mx-muted)}.mx-art-top img{width:35px;height:35px}.mx-art-mark{font-size:61px;line-height:1.1;margin:27px 0 24px;letter-spacing:-4px;font-weight:800;color:var(--mx-fg)}.mx-art-bottom{display:flex;justify-content:space-between;align-items:end;color:var(--mx-muted);font-size:11px;line-height:1.8}.mx-art-bottom strong{font-size:20px;color:var(--mx-accent)}
.mx-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);padding:23px 0;gap:20px}.mx-facts div{display:flex;align-items:center;gap:14px}.mx-facts b{font-size:21px;font-weight:650;color:var(--mx-fg)}.mx-facts small{color:var(--mx-muted);font-size:12px}.mx-section{padding-top:52px}.mx-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px;flex-wrap:wrap}.mx-section-head h2{color:var(--mx-fg);font-size:25px;font-weight:700;margin:0 0 8px}.mx-section-head p{color:var(--mx-muted);font-size:12px;margin:0}.mx-tabs{display:flex;gap:6px}.mx-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mx-product{background:var(--mx-surface);border:1px solid var(--mx-line);border-radius:var(--mx-radius);padding:26px;display:flex;flex-direction:column;align-items:stretch;transition:transform .25s,border-color .25s;min-width:0}.mx-product[hidden]{display:none}.mx-product:hover{transform:translateY(-4px);border-color:var(--mx-accent)}.mx-product-type{color:var(--mx-accent);font-size:10px;letter-spacing:1.8px;margin:0 0 20px}.mx-product h3{font-size:23px;color:var(--mx-fg);font-weight:650;margin:0 0 15px}.mx-product-rights{font-size:13px;line-height:1.8;color:var(--mx-muted);min-height:48px;margin-bottom:18px}.mx-price{display:flex;gap:4px;align-items:baseline;margin:0 0 20px;color:var(--mx-fg)}.mx-price span{font-size:16px}.mx-price strong{font-size:35px;font-weight:650;letter-spacing:-1px}.mx-details{font-size:12px;color:var(--mx-muted);margin:0 0 22px;line-height:1.8}.mx-details summary{cursor:pointer;user-select:none}.mx-details ul{padding-left:18px;margin:12px 0 0}.mx-details li{margin-bottom:7px;overflow-wrap:anywhere}.mx-buy{margin-top:auto;background:transparent;border:1px solid var(--mx-line);border-radius:10px;padding:11px;color:var(--mx-muted);font-size:12px;cursor:not-allowed}.mx-info{background:var(--mx-surface);border:1px solid var(--mx-line);border-radius:var(--mx-radius);padding:28px}.mx-info h2{font-size:20px;color:var(--mx-fg);margin-bottom:15px}.mx-info p{font-size:13px;line-height:1.9;color:var(--mx-muted);margin:0}.mx-support{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.mx-contact{padding:8px 12px;border:1px solid var(--mx-line);color:var(--mx-accent)!important;border-radius:8px;font-size:12px;text-decoration:none}.mx-footer{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:25px;border-top:1px solid var(--mx-line);color:var(--mx-muted);font-size:11px}.mx-footer a{color:inherit}.mx-native-paused{display:none!important}
html[data-matrix-skin=paper] .mx-hero{grid-template-columns:1fr .6fr}html[data-matrix-skin=paper] .mx-hero h1{font-family:Georgia,"Noto Serif SC",serif;font-weight:500}html[data-matrix-skin=paper] .mx-art-card{transform:rotate(4deg);border-radius:0}html[data-matrix-skin=paper] .mx-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-matrix-skin=paper] .mx-product{display:grid;grid-template-columns:1fr auto;gap:8px 20px}html[data-matrix-skin=paper] .mx-product-type,html[data-matrix-skin=paper] .mx-product-rights,html[data-matrix-skin=paper] .mx-details,html[data-matrix-skin=paper] .mx-buy{grid-column:1/-1}html[data-matrix-skin=paper] .mx-price{grid-column:2;grid-row:2}html[data-matrix-skin=paper] .mx-product h3{grid-column:1;grid-row:2}html[data-matrix-skin=garden] .mx-hero{grid-template-columns:1.1fr 1fr}html[data-matrix-skin=garden] .mx-art-card{transform:rotate(7deg);box-shadow:0 20px 60px #5c998133}html[data-matrix-skin=nebula] .mx-visual{background:radial-gradient(ellipse,#9d4cae25,transparent 70%)}html[data-matrix-skin=nebula] .mx-product{background:linear-gradient(145deg,var(--mx-surface),var(--mx-bg))}
.shop-nav__item.active,.shop-nav__item.active>*{background:var(--mx-accent)!important;color:var(--mx-bg)!important}
@keyframes mx-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes mx-turn{to{rotate:360deg}}html[data-matrix-motion=on] .mx-art-card{animation:mx-float 6s ease-in-out infinite}html[data-matrix-motion=on] .mx-orbit{animation:mx-turn 35s linear infinite}html[data-matrix-motion=on] .mx-orbit.two{animation-direction:reverse;animation-duration:50s}
html[data-matrix-motion=off] *,html[data-matrix-motion=off] *:before,html[data-matrix-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){.mx-wrap{padding:22px 20px 40px}.mx-toolbar{justify-content:center}.mx-status{width:100%;justify-content:center}.mx-controls{justify-content:center}.mx-hero,html[data-matrix-skin=paper] .mx-hero,html[data-matrix-skin=garden] .mx-hero{grid-template-columns:1fr;gap:8px;padding:40px 0;min-height:auto}.mx-hero h1{font-size:42px}.mx-visual{min-height:290px;overflow:hidden}.mx-hero-copy{position:relative;z-index:1}.mx-intro{max-width:100%}.mx-facts{gap:9px}.mx-facts div{display:block}.mx-facts b{display:block;font-size:18px}.mx-facts small{font-size:10px}.mx-catalog,html[data-matrix-skin=paper] .mx-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-section{padding-top:35px}.mx-product{padding:20px}.mx-section-head{align-items:start}.mx-footer{flex-direction:column;gap:8px}.shop-brand__name{font-size:14px!important}}
@media(max-width:520px){.mx-catalog,html[data-matrix-skin=paper] .mx-catalog{grid-template-columns:1fr}.mx-product-rights{min-height:0}.mx-section-head{display:block}.mx-tabs{margin-top:18px}.mx-hero h1{font-size:37px;letter-spacing:-1px}.mx-controls button{padding:7px 10px;font-size:11px}.mx-facts b{font-size:16px}.mx-visual{min-height:250px}.mx-art-card{width:235px;padding:22px}.mx-art-mark{font-size:52px}.mx-info{padding:22px}.mx-hero-links{gap:16px}.mx-kicker{font-size:10px;letter-spacing:2px}}
