:root{--cloud-ink:#171717;--cloud-paper:#F4F3EF;--cloud-accent:#FF5A36;--cloud-white:#fff;--cloud-line:rgba(23,23,23,.13);--cloud-muted:rgba(23,23,23,.6)}
.admin-app{background:var(--cloud-paper);color:var(--cloud-ink);font-family:"Microsoft YaHei UI",Arial,sans-serif}.admin-topbar{height:64px;background:var(--cloud-ink);color:#fff;border:0;padding:0 22px}.admin-brand>span{background:var(--cloud-accent);color:#fff;border-radius:6px}.admin-topbar .text-btn{color:#fff;border-color:rgba(255,255,255,.2)}.admin-shell{grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{top:64px;height:calc(100vh - 64px);background:#ebeae6;color:var(--cloud-ink);padding:14px 10px}.sidebar-brand{border-color:var(--cloud-line)}.sidebar-brand>span{background:var(--cloud-accent);color:#fff}.sidebar-brand small,.sidebar-group{color:var(--cloud-muted)}.sidebar-group{padding:14px 12px 5px}.nav-item{min-height:38px;border-radius:7px;padding:0 11px;border-left:3px solid transparent}.nav-item:hover{background:rgba(255,255,255,.58)}.nav-item.active{background:#fff;color:var(--cloud-ink);border-left-color:var(--cloud-accent);box-shadow:0 1px 3px rgba(23,23,23,.07)}.admin-main{padding:24px 28px 50px;background:var(--cloud-paper)}.admin-title{margin-bottom:18px;padding-bottom:16px}.admin-title .eyebrow{color:var(--cloud-muted);text-transform:none}.primary-action,.listing-apply{background:var(--cloud-accent)!important;color:#fff!important;border-color:var(--cloud-accent)!important}.text-btn,.listing-edit{border:1px solid var(--cloud-line);background:#fff;color:var(--cloud-ink);border-radius:7px;padding:8px 12px}
.listing-summary,.data-list-head,.detail-page-head,.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.listing-summary h2,.data-list-head h2{font-size:24px;margin:0 0 5px}.listing-summary p,.data-list-head p{margin:0;color:var(--cloud-muted);font-size:12px}.listing-filterbar{display:flex;gap:9px;padding:12px;background:#fff;border:1px solid var(--cloud-line);border-radius:10px}.listing-filterbar label{flex:1;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid var(--cloud-line);border-radius:7px;padding:0 10px}.listing-filterbar input{border:0;outline:0;width:100%;padding:10px 2px;background:transparent}.listing-filterbar select{border:1px solid var(--cloud-line);border-radius:7px;background:#fff;padding:0 10px}.listing-filterbar button{border:0;border-radius:7px;padding:0 18px;font-weight:800}.listing-batch{margin-top:10px;padding:10px 12px;background:#fff1ed;border:1px solid rgba(255,90,54,.28);border-radius:8px;align-items:center;gap:8px}.listing-batch:not([hidden]){display:flex}.listing-batch button{border:1px solid var(--cloud-line);background:#fff;border-radius:6px;padding:7px 10px}.cloud-table-wrap{margin-top:12px;max-height:calc(100vh - 330px);overflow:auto;background:#fff;border:1px solid var(--cloud-line);border-radius:10px}.cloud-listing{width:100%;min-width:1450px;border-collapse:separate;border-spacing:0}.cloud-listing th{position:sticky;top:0;z-index:3;text-align:left;padding:11px 12px;background:#f8f7f4;border-bottom:1px solid var(--cloud-line);font-size:11px;color:var(--cloud-muted);white-space:nowrap}.cloud-listing td{padding:10px 12px;border-bottom:1px solid rgba(23,23,23,.08);vertical-align:middle;font-size:12px}.cloud-listing th.pin,.cloud-listing td.pin{position:sticky;left:0;z-index:4;background:#fff}.cloud-listing th.pin{z-index:5;background:#f8f7f4}.cloud-listing td>small,.cloud-product small{display:block;margin-top:4px;color:var(--cloud-muted);font-size:10px}.cloud-product{display:flex;align-items:center;gap:11px;min-width:250px}.cloud-thumb{width:54px;height:54px;flex:0 0 54px;border:1px solid var(--cloud-line);border-radius:8px;background:#f7f6f2;display:grid;place-items:center;overflow:hidden;text-align:center;font-size:9px;color:var(--cloud-muted)}.cloud-thumb img{width:100%;height:100%;object-fit:contain}.cloud-status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#e4f1ec;color:#1e684d;font-size:10px;font-weight:800}.cloud-status.featured{background:#fff0eb;color:#c73b1d}.cloud-status.hidden{background:#ececea;color:#666}.listing-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;font-size:11px;color:var(--cloud-muted)}.listing-pager button{padding:8px 12px;border:1px solid var(--cloud-line);border-radius:7px;background:#fff}.listing-pager button:disabled{opacity:.4}
.detail-page-head>a{display:flex;align-items:center;gap:7px;font-weight:800}.trace-bar{display:grid;grid-template-columns:1fr .55fr 1fr 1.6fr;background:var(--cloud-ink);color:#fff;border-left:4px solid var(--cloud-accent);border-radius:8px;padding:13px 16px;margin-bottom:14px;font-family:Consolas,monospace;gap:16px}.trace-bar div{min-width:0}.trace-bar span,.trace-bar strong{display:block}.trace-bar span{font-size:9px;color:rgba(255,255,255,.58);margin-bottom:5px}.trace-bar strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.detail-layout>div{display:grid;gap:14px}.detail-layout>aside{display:flex;flex-direction:column;gap:14px}.detail-card{background:#fff;border:1px solid var(--cloud-line);border-radius:10px;padding:20px}.detail-card h2{margin:0 0 16px;font-size:16px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-fields label{display:grid;gap:6px}.detail-fields label>span{font-size:11px;font-weight:700}.detail-fields input,.detail-fields select,.detail-fields textarea{width:100%;border:1px solid var(--cloud-line);border-radius:7px;background:#fff;padding:10px;outline-color:var(--cloud-accent)}.detail-fields textarea{min-height:88px;resize:vertical}.detail-check{display:flex!important;align-items:center;justify-content:space-between}.detail-check input{width:18px!important}.media-card img{width:min(360px,100%);height:300px;object-fit:contain;border:1px solid var(--cloud-line);border-radius:8px}.media-card p{color:var(--cloud-muted);font-size:11px}.detail-no-image{width:min(360px,100%);height:260px;background:#f5f4f0;display:grid;place-items:center;color:var(--cloud-muted)}.detail-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.detail-card dt{font-size:10px;color:var(--cloud-muted)}.detail-card dd{margin:0;text-align:right;font-size:11px}.detail-card .break{word-break:break-all}.detail-card>a{display:inline-block;margin-top:14px;color:#b93519;font-size:11px;font-weight:800}
.studio-toolbar{padding:10px 12px;background:#fff;border:1px solid var(--cloud-line);border-radius:8px}.studio-toolbar strong,.studio-toolbar span{display:block}.studio-toolbar span{margin-top:3px;color:var(--cloud-muted);font-size:10px}.studio-toolbar button{border:1px solid var(--cloud-line);border-radius:7px;background:#fff;padding:9px 13px;margin-left:7px}.studio-workspace{height:calc(100vh - 238px);min-height:650px;display:grid;grid-template-columns:260px 340px minmax(500px,1fr);border:1px solid var(--cloud-line);border-radius:10px;overflow:hidden;background:#fff}.studio-rail{padding:13px;border-right:1px solid var(--cloud-line);overflow:auto;background:#f8f7f4}.studio-rail header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.studio-rail header button{border:0;background:transparent;color:#bd3b20;font-weight:800}.studio-rail nav{display:grid;gap:3px}.studio-section{width:100%;display:grid;grid-template-columns:13px minmax(0,1fr);gap:4px;text-align:left;border:0;border-left:3px solid transparent;border-radius:6px;background:transparent;padding:9px}.studio-section.active{background:#fff;border-left-color:var(--cloud-accent);box-shadow:0 1px 3px rgba(23,23,23,.07)}.studio-section i{font-size:8px;color:var(--cloud-accent);font-style:normal}.studio-section span{font-size:11px;font-weight:800}.studio-section small{grid-column:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cloud-muted);font-size:9px}.studio-rail>select{position:sticky;bottom:0;width:100%;margin-top:12px;padding:9px;border:1px solid var(--cloud-line);border-radius:7px;background:#fff}.studio-inspector{overflow:auto;padding:20px;border-right:1px solid var(--cloud-line)}.studio-inspector header>span{font-size:9px;color:var(--cloud-muted)}.studio-inspector h2{font-size:21px;margin:5px 0 18px}.studio-form{display:grid;gap:12px}.studio-control{display:grid;gap:6px;font-size:10px;font-weight:800}.studio-control input,.studio-control select,.studio-control textarea{border:1px solid var(--cloud-line);border-radius:7px;background:#fff;padding:9px;outline-color:var(--cloud-accent)}.studio-control textarea{min-height:70px;resize:vertical}.studio-control input[type=checkbox]{width:18px}.studio-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-section-actions{display:flex;gap:6px;margin:15px 0}.studio-section-actions button{border:1px solid var(--cloud-line);background:#fff;border-radius:6px;padding:7px 9px;font-size:10px}.studio-section-actions button:last-child{margin-left:auto;color:#b62f18}.studio-global{border-top:1px solid var(--cloud-line);padding-top:13px}.studio-global summary{font-size:11px;font-weight:800}.studio-global label{margin-top:10px}.studio-preview{min-width:0;background:#dfded8;padding:18px;overflow:auto}.studio-preview-bar{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px;color:var(--cloud-muted)}
.cloud-preview-site{max-width:1000px;min-height:100%;margin:auto;background:#fff;box-shadow:0 8px 28px rgba(23,23,23,.12);overflow:hidden}.cloud-preview-site>header{height:56px;padding:0 26px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--cloud-line)}.cloud-preview-site>header nav{display:flex;gap:18px;font-size:9px}.cloud-preview-site section{padding:34px 38px;border-bottom:1px solid rgba(23,23,23,.08)}.cloud-preview-site section>small{color:#bd3b20;font-size:9px;font-weight:900}.cloud-preview-site h2{margin:7px 0;font-size:25px}.cloud-preview-site p{font-size:11px;color:var(--cloud-muted);line-height:1.6}.cloud-preview-site button{border:0;border-radius:5px;background:var(--cloud-accent);color:#fff;padding:9px 14px;font-weight:800}.preview-hero{min-height:330px;display:grid;grid-template-columns:1fr .7fr;align-items:center;background:#f6f4ef}.preview-hero h1{font-size:38px;line-height:1.1}.preview-hero-product{height:210px;display:grid;place-items:center;color:var(--cloud-muted)}.preview-hero-product img{width:100%;height:100%;object-fit:contain}.preview-products,.preview-reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-products article,.preview-reviews article{border:1px solid var(--cloud-line);border-radius:7px;padding:9px;font-size:9px}.preview-products img,.preview-products article>div{width:100%;height:88px;object-fit:contain;display:grid;place-items:center}.preview-products strong{display:block;margin-top:6px}.cloud-preview-site footer{padding:24px 38px;background:var(--cloud-ink);color:#fff;display:flex;justify-content:space-between;font-size:10px}.data-list-head{padding-bottom:2px}
@media(max-width:1250px){.studio-workspace{grid-template-columns:230px 310px minmax(450px,1fr)}.studio-preview{padding:12px}.detail-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:900px){.admin-shell{display:block}.sidebar{position:static;height:auto;display:flex;overflow:auto}.sidebar-brand,.sidebar-group{display:none}.nav-item{min-width:max-content}.admin-main{padding:16px}.listing-filterbar{flex-wrap:wrap}.listing-filterbar label{flex-basis:100%}.detail-layout{grid-template-columns:1fr}.studio-workspace{height:auto;grid-template-columns:220px minmax(300px,1fr)}.studio-preview{display:none}.detail-fields{grid-template-columns:1fr}.trace-bar{grid-template-columns:1fr 1fr}}
.admin-topbar{display:grid;grid-template-columns:236px minmax(280px,720px) auto;gap:20px}.admin-global-search{height:38px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08)}.admin-global-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.admin-global-search input::placeholder{color:rgba(255,255,255,.55)}.admin-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.admin-top-actions>button{position:relative;border:0;background:transparent;color:#fff;padding:9px}.admin-top-actions>button i{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--cloud-accent)}.admin-user{display:flex;align-items:center;gap:7px;font-size:11px}.admin-user b{width:28px;height:28px;border-radius:7px;background:#fff;color:var(--cloud-ink);display:grid;place-items:center}.admin-topbar .text-btn{background:transparent}
.studio-preview.mobile #studio-preview-frame{width:390px;max-width:100%;margin:auto}.studio-preview.mobile .cloud-preview-site>header nav{display:none}.studio-preview.mobile .preview-hero{grid-template-columns:1fr}.studio-preview.mobile .preview-products,.studio-preview.mobile .preview-reviews{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.admin-topbar{grid-template-columns:1fr auto}.admin-global-search{display:none}.admin-user span,.admin-topbar .text-btn{display:none}}