/* V32 · Apple-inspired catalogue and store guide */
.site-header{height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(14px,2.4vw,40px);padding:0 clamp(18px,3vw,54px);background:rgba(247,247,248,.92)}
.brand{gap:0}.brand-mark{width:42px;height:42px;border-radius:50%;border:0;background:#fff}.brand-mark img{object-fit:contain;padding:4px}.brand-copy{display:none}
.primary-nav{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:clamp(16px,2vw,32px);overflow:hidden;white-space:nowrap}.primary-nav .brand{flex:0 0 auto}.primary-nav-links{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,34px);overflow-x:auto;scrollbar-width:none}.primary-nav-links::-webkit-scrollbar{display:none}.primary-nav button{flex:0 0 auto;position:relative;border:0;background:transparent;padding:24px 0 22px;color:#3f4042;font-size:14px;font-weight:500;letter-spacing:.015em}.primary-nav button:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:1px;background:#171717;transform:scaleX(0);transition:transform .2s}.primary-nav button:hover,.primary-nav button.active{color:#111}.primary-nav button.active:after{transform:scaleX(1)}.primary-nav .guide-nav-button{color:#8a6f3c}
.header-actions{flex-wrap:nowrap}.header-actions button{min-height:34px;padding:7px 10px;border-radius:999px;font-size:10px}.header-cart-button{padding-left:13px!important}.header-role-switch{padding-left:13px!important}
.catalog{width:min(1840px,100%);padding:clamp(34px,4.5vw,72px) clamp(18px,3vw,54px) 100px}.catalog-heading{align-items:center}.catalog-heading-copy[hidden]+.catalog-tools{margin-left:auto}.catalog-tools{width:min(560px,100%)}.search-box{width:100%;height:46px;border-radius:999px;background:rgba(255,255,255,.9)}.filter-toggle{height:46px;border-radius:999px}.catalog-breadcrumb{display:block;min-height:0;margin:clamp(42px,6vw,82px) 0 clamp(30px,4vw,52px);text-align:center}.catalog-section-heading{max-width:820px;margin:auto}.catalog-section-heading h2{margin:12px 0 9px;font-family:"Times New Roman","Songti SC",serif;font-size:clamp(44px,6vw,76px);font-weight:500;letter-spacing:.01em}.catalog-section-heading p{margin:0;color:#777b80;font-size:13px;line-height:1.75}
.folder-grid,.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px)}.folder-card,.add-folder-card{aspect-ratio:1;border-radius:22px;background:#fff}.folder-open-button{position:relative;height:100%;overflow:hidden;cursor:pointer}.folder-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#e8e9ea}.folder-cover .product-art{height:100%}.folder-cover .product-photo{object-fit:cover}.folder-cover .folder-open-icon{right:18px;bottom:102px;width:42px;height:42px;font-size:19px}.folder-body{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:82px;padding:15px 18px 17px;display:grid;gap:7px;background:rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.folder-title-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:#171717}.folder-body strong,.folder-title-edit{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Times New Roman","Songti SC",serif;font-size:clamp(20px,1.65vw,29px);font-weight:500}.folder-title-edit{position:relative;border:0;background:transparent;padding:0;color:#171717;text-align:left;cursor:text}.folder-title-edit:after{content:"编辑";position:static;margin-left:8px;color:#9a7c46;font-family:inherit;font-size:9px;font-weight:500;letter-spacing:.08em}.folder-title-line em{flex:0 0 auto;color:#8d9094;font-size:11px;font-style:normal}.folder-body small{display:block;color:#777b80;font-size:12px;line-height:1.55}.folder-card-actions{top:14px;right:14px;bottom:auto}.folder-card-actions button{backdrop-filter:blur(12px)}.add-folder-card{min-height:0;align-content:end}.add-folder-cover{margin:0;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%)}
.guide{width:min(1840px,100%);margin:auto;padding:clamp(48px,6vw,94px) clamp(18px,3vw,54px) 110px}.guide-hero{max-width:880px;margin:0 auto clamp(34px,5vw,64px);text-align:center}.guide-hero h1{font-family:"Times New Roman","Songti SC",serif;font-size:clamp(44px,6vw,76px);font-weight:500;letter-spacing:.01em;margin:12px 0 10px}.guide-hero p{max-width:640px;margin:0 auto;color:#777b80;line-height:1.75}.guide-back{display:block;margin:0 auto 26px;border:0;background:transparent;color:#676a6e}.guide-manage-button{margin-top:20px;border:1px solid #222;border-radius:999px;background:#171717;color:#fff;padding:10px 18px;font-size:11px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,26px)}
.guide-category-card,.guide-entry-card{position:relative;overflow:hidden;border:1px solid #dddfe1;border-radius:22px;background:#fff;min-width:0}.guide-category-card button,.guide-entry-open{display:grid;width:100%;border:0;background:transparent;padding:0;text-align:left}.guide-category-media{height:clamp(260px,29vw,500px);display:grid;place-items:center;background:linear-gradient(145deg,#e7e8e9,#f7f7f7);overflow:hidden}.guide-category-media img,.guide-entry-media img{width:100%;height:100%;object-fit:cover}.guide-category-media b,.guide-entry-media b{font-family:"Times New Roman",serif;font-size:46px;letter-spacing:.18em;color:#a6a8aa}.guide-category-copy{display:grid;gap:8px;padding:22px 24px 24px}.guide-category-copy small,.guide-entry-copy small{font-size:9px;letter-spacing:.18em;color:#9a7c46}.guide-category-copy strong{font-family:"Times New Roman","Songti SC",serif;font-size:28px;font-weight:500}.guide-category-copy span,.guide-entry-copy span{color:#7c7f83;font-size:12px;line-height:1.65}.guide-category-copy i{font-style:normal;font-size:11px;color:#222;margin-top:7px}
.guide-entry-card{min-height:100%}.guide-entry-media{height:clamp(220px,23vw,390px);display:grid;place-items:center;position:relative;overflow:hidden;background:#e8e9ea}.guide-entry-media i{position:absolute;right:13px;bottom:13px;border-radius:999px;background:rgba(10,10,10,.72);color:#fff;font-style:normal;font-size:10px;padding:6px 9px}.guide-entry-copy{display:grid;gap:7px;padding:19px 21px 23px}.guide-entry-copy strong{font-family:"Times New Roman","Songti SC",serif;font-size:23px;font-weight:500}.guide-entry-copy time{color:#777;font-size:10px}.guide-entry-copy em{justify-self:start;border-radius:999px;background:#ececec;padding:4px 8px;color:#777;font-style:normal;font-size:9px}.guide-entry-admin{position:absolute;z-index:3;right:12px;top:12px;display:flex;gap:5px}.guide-entry-admin button{border:0;border-radius:8px;background:rgba(20,20,20,.82);color:#fff;padding:7px 10px;font-size:10px}
.guide-detail{grid-column:1/-1;width:min(1060px,100%);margin:auto;background:#fff;border:1px solid #dedfe1;border-radius:24px;overflow:hidden}.guide-detail-cover,.guide-detail-video{display:block;width:100%;max-height:680px;object-fit:cover;background:#111}.guide-detail-body{padding:clamp(26px,4vw,64px);font-size:15px;line-height:2;color:#45474a}.guide-detail>time{display:block;padding:20px clamp(26px,4vw,64px) 0;color:#8a8d91;font-size:11px}.guide-detail>.ghost-button{margin:0 clamp(26px,4vw,64px) 40px}.guide-video-link{display:block;margin:28px auto;text-align:center;color:#171717}.guide-empty{grid-column:1/-1;min-height:320px;border:1px dashed #cdd0d2;border-radius:22px;display:grid;place-items:center;align-content:center;gap:8px;color:#888}.guide-empty span{font-size:11px}
.guide-manager-modal{position:relative;width:min(1080px,96vw);max-height:94vh;overflow:auto;padding:36px;background:#f5f5f4;border-radius:23px;box-shadow:0 24px 90px rgba(0,0,0,.28)}.guide-manager-heading,.guide-editor-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.guide-manager-heading h2{font-family:"Times New Roman","Songti SC",serif;font-size:32px;font-weight:500;margin:7px 0}.guide-manager-list{display:grid;gap:9px;margin-top:22px}.guide-manager-row{display:grid;grid-template-columns:70px 1fr auto auto;gap:12px;align-items:center;padding:10px;border:1px solid #dfe0e2;border-radius:13px;background:#fff}.guide-manager-row>span{width:70px;height:58px;border-radius:9px;background:#eceeef;overflow:hidden}.guide-manager-row img{width:100%;height:100%;object-fit:cover}.guide-manager-row>div{display:grid;gap:3px}.guide-manager-row small{color:#9a7c46}.guide-manager-row em{font-style:normal;font-size:9px;color:#8a8d91}.guide-manager-row button{border:0;background:transparent;color:#555}.guide-manager-row button:last-child{color:var(--red)}
.guide-editor-form{margin-top:24px;padding:22px;border-radius:17px;background:#fff;border:1px solid #dfe0e2}.guide-editor-title h3{margin:0}.guide-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.guide-editor-grid label{display:grid;gap:6px}.guide-editor-grid label>span{font-size:10px;color:#777}.guide-editor-grid input,.guide-editor-grid select,.guide-editor-grid textarea{width:100%;border:1px solid #d5d6d8;border-radius:10px;padding:11px;background:#fff}.guide-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.guide-upload-box{position:relative;min-height:115px;border:1px dashed #bfc2c5;border-radius:13px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.guide-upload-box span{font-size:10px;color:#888}.guide-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.guide-upload-box.is-dragging{border-color:var(--gold);background:var(--gold-soft)}.guide-publish-row{display:flex;gap:24px;margin:17px 0}.guide-publish-row label{font-size:12px}
@media(max-width:1450px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding-inline:18px}.primary-nav button{font-size:13px}.guide-manage-header,.analytics-button,.business-button,.settings-button{display:none}}
@media(max-width:1000px){.site-header{height:70px;min-height:70px;grid-template-columns:minmax(0,1fr) auto;padding-top:0}.primary-nav{grid-column:auto;grid-row:auto;padding:0}.primary-nav button{padding:25px 0 23px}.primary-nav button:after{bottom:17px}.header-actions{justify-self:end}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.site-header{height:64px;padding:0 12px}.brand-mark{width:38px;height:38px}.primary-nav{gap:14px}.primary-nav-links{justify-content:flex-start;gap:22px}.primary-nav button{font-size:13px}.header-actions .orders-button,.header-actions .security-button,.header-actions .logout-button{display:none}.catalog{padding-top:25px}.catalog-tools{margin-top:0}.catalog-breadcrumb{margin:38px 0 28px}.catalog-section-heading h2{font-size:40px}.catalog-section-heading p{font-size:11px}.folder-grid,.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-cover{height:100%;aspect-ratio:auto}.folder-cover .folder-open-icon{right:10px;bottom:83px;width:32px;height:32px;font-size:15px}.folder-body{min-height:70px;padding:10px 11px 12px;gap:4px}.folder-body strong,.folder-title-edit{font-size:16px}.folder-title-edit:after{display:none}.folder-title-line em{font-size:8px}.folder-body small{font-size:9px;line-height:1.35}.folder-card-actions{top:8px;right:8px;bottom:auto}.guide{padding-top:48px}.guide-grid{grid-template-columns:1fr}.guide-category-media,.guide-entry-media{height:auto;aspect-ratio:16/10}.guide-manager-modal{padding:28px 16px}.guide-manager-heading{align-items:flex-start}.guide-manager-row{grid-template-columns:56px 1fr auto}.guide-manager-row>span{width:56px;height:50px}.guide-manager-row button:last-child{grid-column:3}.guide-editor-grid,.guide-upload-row{grid-template-columns:1fr}.guide-editor-form{padding:15px}.guide-editor-title{align-items:flex-start}}

/* V40: stable image loading feedback and an adjustable square cover cropper. */
.product-art.has-photo .image-load-placeholder{position:absolute;z-index:0;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#92969a;background:linear-gradient(145deg,#e9eaeb,#f7f7f7);text-align:center}.image-load-placeholder b{font-size:30px;font-weight:300;line-height:1;color:#a1a4a8}.image-load-placeholder small{font-size:10px;letter-spacing:.04em}.product-art.has-photo .product-photo{position:relative;z-index:1;opacity:1}.product-art.has-photo .product-photo.is-loaded{opacity:1}.product-art.has-photo .product-photo.is-retrying{opacity:.72}.product-art.has-photo .product-photo.is-error{opacity:0}.product-art.image-has-error .image-load-placeholder{color:#777b80;background:#eceeef}
.folder-cover-replace-preview-box{position:relative;width:min(280px,100%);height:auto;aspect-ratio:1;display:block;overflow:hidden;border-radius:14px;background:#e9eaeb;touch-action:none;user-select:none;-webkit-user-select:none}.folder-cover-replace-preview-box img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.folder-cover-replace-preview-box b{position:absolute;z-index:0;inset:0;display:grid;place-items:center}.folder-cover-replace-preview-box.is-cropping{cursor:grab}.folder-cover-replace-preview-box.is-dragging-image{cursor:grabbing}.folder-cover-replace-preview-box.is-cropping img{inset:auto;left:0;top:0;max-width:none;max-height:none;object-fit:fill;transform-origin:0 0;will-change:transform}.folder-cover-crop-guide{position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(20,20,20,.12);pointer-events:none;opacity:0;transition:opacity .2s}.folder-cover-replace-preview-box.is-cropping .folder-cover-crop-guide{opacity:1}.folder-cover-crop-controls{width:min(360px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px}.folder-cover-crop-controls label{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;color:#73777b;font-size:10px}.folder-cover-crop-controls input{width:100%;accent-color:#171717}.folder-cover-crop-controls button{min-height:34px;padding:7px 10px;font-size:10px}.folder-cover-crop-controls button:disabled{opacity:.42;cursor:not-allowed}

@media(max-width:780px){.folder-open-button{display:grid;grid-template-rows:minmax(0,1fr) auto}.folder-cover{position:relative;inset:auto;width:100%;height:auto;min-height:0}.folder-cover .product-photo{object-fit:contain}.folder-body{position:relative;right:auto;bottom:auto;left:auto;min-height:50px;padding:8px 10px 9px;gap:0;background:#fff;border-top:1px solid #ececef;backdrop-filter:none;-webkit-backdrop-filter:none}.folder-body small{display:none}.folder-title-line{gap:6px}.folder-body strong,.folder-title-edit{font-size:15px;line-height:1.2}.folder-title-line em{font-size:8px}.folder-cover-replace-field{padding:16px 12px}.folder-cover-replace-preview-box{width:min(290px,100%)}.folder-cover-crop-controls{grid-template-columns:1fr}.folder-cover-crop-controls button{justify-self:center}}

/* V41: persist crop positions for existing covers and keep mobile images square. */
.folder-cover .product-art.has-photo .folder-cropped-photo{position:absolute;inset:auto;left:0;top:0;max-width:none;max-height:none;object-fit:fill;transform-origin:0 0;will-change:transform}
@media(max-width:780px){.folder-card{aspect-ratio:auto}.folder-card .folder-open-button{display:block;height:auto;overflow:hidden}.folder-card .folder-cover{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;aspect-ratio:1}.folder-card .folder-cover .product-art{width:100%;height:100%;aspect-ratio:1}.folder-card .folder-cover .product-photo{object-fit:cover}.folder-card .folder-body{position:relative;right:auto;bottom:auto;left:auto;min-height:68px;padding:9px 11px 10px;gap:4px;background:#fff;border-top:1px solid #ececef;backdrop-filter:none;-webkit-backdrop-filter:none}.folder-card .folder-body small{display:block;font-size:9px;line-height:1.35}.folder-card .folder-title-line{min-height:28px}}