/* responsive-fix.css v60 - compact kanban row layout, clean toolbar, funnel sync */

/* ===== ?? ===== */
html,body{overflow:hidden!important;height:100%!important}
.editor-container{height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.canvas{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.page-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;user-select:none!important}
.page-tabs::-webkit-scrollbar{display:none!important}
.page-tab,.add-page-tab{flex-shrink:0!important;cursor:grab!important}
.component-list-scroll{overflow-x:auto!important;scrollbar-width:none!important;user-select:none!important}
.component-list-scroll::-webkit-scrollbar{display:none!important}
.components{flex-wrap:nowrap!important}
.component-type{flex-shrink:0!important;cursor:grab!important}
.confirm-item{position:sticky!important;right:0!important;flex-shrink:0!important;z-index:10!important;background:var(--success)!important;cursor:pointer!important}
.component-item.is-editing{overflow-y:auto!important;max-height:65vh!important}

/* ??:CSS????,JS???? */
/* ??????? - desktop */
body.kanban-dragging .canvas{overflow:hidden!important}
body.kanban-dragging .editor-container{overflow:hidden!important}

/* ?? */
video{background:#000!important;position:relative!important}
.video-play-btn{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:40px!important;height:40px!important;background:rgba(0,0,0,0.5)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:20px!important;pointer-events:none!important;z-index:5!important}
.video-play-btn::after{content:"?"!important}

/* ========== ??? ========== */
@media(max-width:768px){
html{overflow-y:auto!important;height:auto!important}
body{overflow-y:auto!important;height:auto!important}

/* ????????? - position:fixed */
html.kanban-dragging{overflow:hidden!important;height:auto!important}
body.kanban-dragging{overflow:hidden!important;position:fixed!important;width:100%!important;left:0!important}

/* ===== ?????????? ===== */
.kanban-v135{padding:0!important;margin:0!important;background:#fff!important}
.kanban-v135-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;border-bottom:1px solid #eee!important;background:#fff!important;margin:0!important;padding:0!important;min-height:0!important}
.kanban-v135-row:last-child{border-bottom:none!important}
.kanban-v135-row-label{width:70px!important;min-width:70px!important;max-width:70px!important;padding:6px 4px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f5f7fa!important;border-right:1px solid #eee!important;font-size:11px!important;line-height:1.3!important}
.kanban-v135-row-name{font-size:11px!important;font-weight:600!important;text-align:center!important;padding:0!important;margin:0!important;color:#333!important}
.kanban-v135-row-count{font-size:10px!important;color:#999!important;display:block!important;margin-top:1px!important}
.kanban-v135-row-cards{flex:1!important;padding:4px!important;gap:3px!important;min-height:0!important;align-items:flex-start!important;align-content:flex-start!important}
.kanban-v135-board{overflow:auto!important}

.kanban-v135-card{touch-action:pan-y!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,0.06)!important;background:#fff!important;border:1px solid #e8e8e8!important}

/* ???????? */
.kanban-v135-card-empty,
.kanban-empty,
.kanban-v135-empty,
.kanban-v135-row-cards>.empty,
.kanban-v135-row-cards>.placeholder,
.kanban-v135-row-cards>[class*="empty"],
.kanban-v135-row-cards>[class*="placeholder"],
.kanban-v135-row-cards>[class*="nodata"],
.kanban-v135-row-cards>[class*="no-data"]{display:none!important}

/* ?????? */
.kanban-v135-card-meta-label{display:none!important}

/* ????? */
.kanban-v135-toolbar{margin-bottom:4px!important;padding:4px 8px!important;background:#f8f9fa!important;border-radius:4px!important;gap:4px!important}
.kanban-v135-board-title{font-size:12px!important;font-weight:600!important;flex:1!important}
.kanban-v135-toolbar-btn{font-size:10px!important;padding:2px 6px!important;border-radius:3px!important;margin:0 1px!important;white-space:nowrap!important}
/* ????????? */
.kanban-v135-toolbar-btn.edit{display:none!important}

/* ???? */
.kanban-v135-funnel{margin:4px 0!important;padding:4px 6px!important;border-radius:4px!important}
.kanban-v135-funnel-title{font-size:11px!important;margin-bottom:2px!important}
.kanban-v135-funnel-stage{padding:2px 6px!important;min-width:20px!important}
.kanban-v135-funnel-stage-name{font-size:9px!important}
.kanban-v135-funnel-stage-count{font-size:13px!important}
.kanban-v135-funnel-stage-percent{font-size:8px!important}
.kanban-v135-funnel-stage-rate{font-size:8px!important}

/* ??wrapper?? */
.comp.feishu_kanban_v135{padding:0!important;margin:0!important}

.editor-container{height:auto!important;max-height:none!important;display:block!important;overflow-y:visible!important}
.canvas{flex:none!important;overflow-y:visible!important;min-height:auto!important;padding:0!important;padding-bottom:100px!important}

/* ========== ???? - ????????? ========== */
.album-gallery{grid-template-columns:1fr!important;gap:0!important;padding:0!important;background:#fff!important}
.album-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #f0f0f0!important;padding:8px!important}
.album-item .album-image{width:100px!important;height:100px!important;flex-shrink:0!important;border-radius:4px!important;overflow:hidden!important;background:#f5f5f5!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
.album-item .album-image img,.album-item .album-image video{width:100%!important;height:100%!important;object-fit:cover!important}
.album-item .album-no-image{display:none!important}
.album-item .album-card-info{flex:1!important;min-width:0!important;padding:0 0 0 8px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:1px!important;overflow:hidden!important}
.album-card-name{font-size:13px!important;font-weight:400!important;line-height:1.3!important;color:#333!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
.album-card-row1{font-size:10px!important;color:#999!important;line-height:1.2!important;margin:0!important}
.album-card-row1 .info-label{display:none!important}
.album-card-desc,.album-card-desc-full{font-size:10px!important;color:#999!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
.album-item-price-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:6px!important;padding:0!important;border:none!important;background:transparent!important;grid-template-columns:none!important}
.album-item-price-group .album-item-price{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}
.album-item-price.main{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important}
.album-item-price.main .price-value{font-size:15px!important;color:#e4393c!important;font-weight:700!important}
.album-item-price.main .price-label{font-size:10px!important;color:#e4393c!important}

/* ========== ???? ========== */
.album-item.detail-first-card{display:flex!important;flex-direction:column!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #f0f0f0!important;padding:0!important}
.album-item.detail-first-card .album-image{width:100%!important;height:240px!important;max-height:none!important;border-radius:0!important;overflow:hidden!important;background:#f5f5f5!important}
.album-item.detail-first-card .album-image img,.album-item.detail-first-card .album-image video{width:100%!important;height:100%!important;object-fit:cover!important}
.album-item.detail-first-card .album-card-info{flex:1!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.album-item.detail-first-card .album-card-name{font-size:13px!important}
.album-item.detail-first-card .album-item-price-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:6px!important;padding:0!important;border:none!important;background:transparent!important;grid-template-columns:none!important}
.album-item.detail-first-card .album-item-price-group .album-item-price{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}

.detail-sub-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #f0f0f0!important;padding:6px 8px!important}
.detail-sub-item .album-image,.detail-sub-item .detail-sub-image{width:80px!important;height:80px!important;flex-shrink:0!important;border-radius:4px!important;overflow:hidden!important;background:#f5f5f5!important}
.detail-sub-item .album-image img,.detail-sub-item .detail-sub-image img,.detail-sub-item .album-image video{width:100%!important;height:100%!important;object-fit:cover!important}
.detail-sub-item .album-card-info,.detail-sub-item .detail-sub-content{flex:1!important;min-width:0!important;padding:4px 0 4px 8px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;overflow:visible!important}
.detail-sub-item .album-card-name,.detail-sub-item .detail-sub-name{font-size:13px!important;font-weight:500!important;color:#333!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.detail-sub-item .detail-sub-desc{font-size:11px!important;color:#999!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.detail-sub-item .album-item-price-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:4px!important;padding:0!important;border:none!important;background:transparent!important;grid-template-columns:none!important}
.detail-sub-item .album-item-price-group .album-item-price{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}

/* ========== ???? ========== */
.album-sub-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #f0f0f0!important;padding:6px 8px!important}
.album-sub-card .album-image{width:80px!important;height:80px!important;flex-shrink:0!important;border-radius:4px!important;overflow:hidden!important;background:#f5f5f5!important}
.album-sub-card .album-image img,.album-sub-card .album-image video{width:100%!important;height:100%!important;object-fit:cover!important}
.album-sub-card .album-card-info{flex:1!important;min-width:0!important;padding:0 0 0 6px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:1px!important;overflow:hidden!important}
.album-sub-card .album-card-name{font-size:12px!important}
.album-sub-card .album-item-price-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:4px!important;padding:0!important;border:none!important;background:transparent!important;grid-template-columns:none!important}
.album-sub-card .album-item-price-group .album-item-price{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}

/* ?????? */
.album-action-btn.enable{display:none!important}
.album-action-btn-sm.enable{display:none!important}
.album-item-actions{display:none!important}
.album-image-actions{display:none!important}
.album-status-badge{display:none!important}
.album-status{display:none!important}
.album-item .album-edit-btn{display:none!important}
.album-item .status-tag{display:none!important}
.album-item .album-status-hint{display:none!important}
.album-card-status{display:none!important}
.album-edit-actions{display:none!important}
.album-edit-actions *{display:none!important}
button.album-edit-btn{display:none!important}
span.album-edit-btn{display:none!important}

/* ??????(??????) */
.album-field .field-label{display:none!important}
.album-field-price .field-label{display:inline!important}
.album-field-price .field-label::after{content:": "!important}

/* ?????? */
.album-item .video-play-btn{width:30px!important;height:30px!important;font-size:14px!important}
.detail-first-card .video-play-btn{width:44px!important;height:44px!important;font-size:20px!important}
.detail-sub-item .video-play-btn{width:28px!important;height:28px!important;font-size:13px!important}
.album-sub-card .video-play-btn{width:28px!important;height:28px!important;font-size:13px!important}
}

/* ========== ??? ========== */
@media(min-width:769px){
.album-gallery{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:12px!important;background:#f5f5f5!important}
.album-item{display:flex!important;flex-direction:column!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,0.08)!important;padding:0!important;transition:box-shadow 0.2s!important}
.album-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)!important}
.album-item .album-image{width:100%!important;height:0!important;padding-bottom:100%!important;position:relative!important;border-radius:0!important;overflow:hidden!important;background:#f5f5f5!important}
.album-item .album-image img,.album-item .album-image video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.album-item .album-card-info{flex:1!important;padding:10px 12px!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.album-item-price-group{display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:4px!important;grid-template-columns:none!important}
.album-item-price-group .album-item-price{display:inline-flex!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}
.album-action-btn.enable{display:none!important}
.album-action-btn-sm.enable{display:none!important}
.album-status-badge{display:none!important}
.album-status{display:none!important}
.album-edit-actions{display:none!important}
.album-item.detail-first-card{display:flex!important;flex-direction:column!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,0.08)!important;padding:0!important}
.album-item.detail-first-card .album-image{width:100%!important;height:240px!important;position:relative!important;border-radius:0!important;overflow:hidden!important}
.album-item.detail-first-card .album-image img,.album-item.detail-first-card .album-image video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.album-item.detail-first-card .album-card-info{padding:12px!important;gap:4px!important}
.detail-sub-item{display:flex!important;flex-direction:row!important;align-items:center!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,0.08)!important;padding:0!important;min-height:80px!important}
.detail-sub-item .album-image,.detail-sub-item .detail-sub-image{width:85px!important;height:85px!important;flex-shrink:0!important;border-radius:4px!important;overflow:hidden!important}
.detail-sub-item .album-image img,.detail-sub-item .detail-sub-image img,.detail-sub-item .album-image video{width:85px!important;height:85px!important;object-fit:cover!important}
.detail-sub-item .album-card-info,.detail-sub-item .detail-sub-content{padding:10px 12px!important;gap:3px!important}
.album-sub-card{display:flex!important;flex-direction:column!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,0.08)!important;padding:0!important}
.album-sub-card .album-image{width:100%!important;padding-bottom:100%!important;position:relative!important;border-radius:0!important;overflow:hidden!important}
.album-sub-card .album-image img,.album-sub-card .album-image video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.album-sub-card .album-card-info{padding:10px 12px!important;gap:3px!important}
}

/* === Editor Auto-Size Fix === */
.component-item:has(.feishu_album) {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
}
.comp.feishu_album {
    overflow: visible !important;
}
.feishu-album-preview {
    overflow: visible !important;
    height: auto !important;
}
.editor-canvas {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.components-list {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-height: none !important;
}








/* ===== V122: ???????? + ????? ===== */
.component-item[data-type='feishu_album']{overflow:visible!important;height:auto!important;max-height:none!important}
.album-main-view,.album-container,.album-detail-view,.album-sub-detail-view{min-height:auto!important;height:auto!important}
.components-list{height:auto!important;max-height:none!important}
.canvas::-webkit-scrollbar{display:none!important}
.canvas{scrollbar-width:none!important}
.component-item:has(.kanban-v135){overflow:hidden!important}
.album-editor-content::-webkit-scrollbar{width:10px!important}
.album-editor-content::-webkit-scrollbar-track{background:#f0f0f0!important;border-radius:5px!important}
.album-editor-content::-webkit-scrollbar-thumb{background:#1890ff!important;border-radius:5px!important}
.album-editor-content{scrollbar-width:thin!important;scrollbar-color:#1890ff #f0f0f0!important}
.album-editor-footer{position:sticky!important;bottom:0!important;background:#fff!important;z-index:200!important;padding:12px 0!important}
/* V124: ???????? - JS???? */
.component-item.album-auto-height{overflow:visible!important;height:auto!important;min-height:auto!important;max-height:none!important}
.component-item.album-auto-height .comp{overflow:visible!important}
.component-item.album-auto-height .album-gallery,
.component-item.album-auto-height .album-container,
.component-item.album-auto-height .album-main-view,
.component-item.album-auto-height .album-detail-view,
.component-item.album-auto-height .album-sub-detail-view,
.component-item.album-auto-height .feishu-album-preview{overflow:visible!important;height:auto!important;max-height:none!important}

/* V125: ??CSS?? - ?????data-type???? */
/* ????:??????,??? */
.component-item[data-type="feishu_album"]{overflow:visible!important;height:auto!important;max-height:none!important}
.component-item[data-type="feishu_album"] .comp{overflow:visible!important}
.component-item[data-type="feishu_album"] .album-gallery,
.component-item[data-type="feishu_album"] .album-container{overflow:visible!important;height:auto!important;max-height:none!important}
/* ????:????,?????? */
.component-item[data-type="feishu_kanban"]{overflow:hidden!important}
.component-item[data-type="feishu_kanban"] .comp{overflow:hidden!important}
/* ????:???? */

/* V126: ???? - ??Vue???????? */
#app-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity 0.3s}
#app-loading.hide{opacity:0;pointer-events:none}
#app-loading .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #1890ff;border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
[v-cloak]{display:none!important}

/* V127: ???????? */
@media(max-width:768px){
.album-gallery{grid-template-columns:1fr!important;gap:0!important;padding:0!important;background:#f5f5f5!important}
.album-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;border-bottom:none!important;padding:10px!important;margin:0 0 1px 0!important}
.album-item .album-image{width:95px!important;height:95px!important;flex-shrink:0!important;border-radius:6px!important;overflow:hidden!important;background:#f8f8f8!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
.album-item .album-image img,.album-item .album-image video{width:100%!important;height:100%!important;object-fit:cover!important}
.album-item .album-no-image{display:none!important}
.album-item .album-card-info{flex:1!important;min-width:0!important;padding:0 0 0 10px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;overflow:hidden!important}
/* ??? - 2??? */
.album-card-name{font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:#333!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
/* ??? */
.album-card-row1{font-size:11px!important;color:#999!important;line-height:1.3!important;margin:0!important}
.album-card-row1 .info-label{display:none!important}
/* ??? */
.album-card-desc,.album-card-desc-full{font-size:11px!important;color:#999!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
/* ???? - ???? + ???? */
.album-item-price-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:6px!important;padding:0!important;border:none!important;background:transparent!important;grid-template-columns:none!important;margin-top:4px!important}
.album-item-price-group .album-item-price{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;width:auto!important;grid-column:auto!important}
/* ?? - ??? */
.album-item-price.main .price-value{font-size:18px!important;color:#e4393c!important;font-weight:700!important}
.album-item-price.main .price-label{font-size:11px!important;color:#e4393c!important}
/* ?? - ???? */
.album-item-price:not(.main) .price-value{font-size:12px!important;color:#999!important;text-decoration:line-through!important;font-weight:400!important}
.album-item-price:not(.main) .price-label{font-size:10px!important;color:#bbb!important}
/* ?????? */
.album-action-btn,.album-action-btn-sm,.album-item-actions,.album-image-actions,.album-status-badge,.album-status,.album-edit-actions,.album-edit-actions *,.album-item .album-edit-btn,.album-item .status-tag,.album-item .album-status-hint,.album-card-status,.album-edit-btn{display:none!important}
/* ??????(??????) */
.album-field .field-label{display:none!important}
.album-field-price .field-label{display:inline!important}
.album-field-price .field-label::after{content:": "!important}
}


/* V128: ????? - ???? */
.album-item-price.member{margin-left:4px!important}
.album-item-price.member .price-label{font-size:10px!important;color:#fff!important;background:#c8a45e!important;padding:1px 4px!important;border-radius:2px!important;line-height:1.4!important}
.album-item-price.member .price-value{font-size:16px!important;color:#e4393c!important;font-weight:700!important}
/* ???????? */
.album-item-price.member .price-label::before{content:none!important}
/* ????????????? */
.album-item[data-hide-member-price="true"] .album-item-price.member{display:none!important}

/* V128: ????? */
.album-item-price.member .price-value{color:#e4393c!important;font-size:16px!important;font-weight:700!important}
.album-item-price.member .price-label{font-size:10px!important;color:#e4393c!important}
.album-item-price.member .member-tag{display:inline-block!important;background:linear-gradient(135deg,#ffd700,#ffaa00)!important;color:#fff!important;font-size:9px!important;padding:1px 4px!important;border-radius:2px!important;margin-right:2px!important;vertical-align:middle!important}
/* ???? */
.album-item-price.original .price-value{text-decoration:line-through!important;color:#999!important;font-size:12px!important;font-weight:400!important}
.album-item-price.original .price-label{font-size:10px!important;color:#bbb!important}


/* V130: PC????????? - ???????? */
@media(min-width:769px){
  [data-type="feishu_album"] .album-back-btn{position:absolute!important;top:8px!important;left:8px!important;z-index:10!important}
  [data-type="feishu_album"] .detail-back-btn{position:relative!important}
}

/* V130: PC?????(3?) - ?????1??? */
@media(min-width:769px){
/* V130: ???????? */
.album-gallery{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:12px!important;background:#f5f5f5!important}
.album-item{background:#fff!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;padding:0!important;overflow:hidden!important;transition:box-shadow 0.2s!important}
.album-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)!important}
.album-item .album-image{width:100%!important;padding-bottom:100%!important;position:relative!important;border-radius:0!important;overflow:hidden!important;background:#f5f5f5!important}
.album-item .album-image img,.album-item .album-image video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.album-item .album-card-info{flex:1!important;padding:10px 12px!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.album-card-name{font-size:14px!important;font-weight:400!important;line-height:1.4!important;color:#333!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
.album-item-price-group{display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:4px!important;grid-template-columns:none!important}
.album-item-price.main .price-value{font-size:18px!important;color:#e4393c!important;font-weight:700!important}
.album-item-price.main .price-label{font-size:11px!important;color:#e4393c!important}
.album-item-price:not(.main) .price-value{font-size:12px!important;color:#999!important;text-decoration:line-through!important}
.album-item-price:not(.main) .price-label{font-size:10px!important;color:#bbb!important}
/* ????? */
.album-item-price.member .price-label{font-size:10px!important;color:#fff!important;background:#c8a45e!important;padding:1px 4px!important;border-radius:2px!important}
.album-item-price.member .price-value{font-size:16px!important;color:#e4393c!important;font-weight:700!important}
}
/* V131: ???????? - ????+???????? */
.album-card-price-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:8px!important;padding:2px 0!important}
.album-card-price-row .info-price-original{font-size:11px!important;color:#999!important;text-decoration:line-through!important;white-space:nowrap!important}
.album-card-price-row .info-price-member{font-size:14px!important;color:#e4393c!important;font-weight:700!important;white-space:nowrap!important;display:inline-flex!important;align-items:baseline!important;gap:2px!important}
.album-card-price-row .info-price-member .member-tag{font-style:normal!important;font-size:9px!important;color:#fff!important;background:linear-gradient(135deg,#c8a45e,#b8860b)!important;padding:1px 4px!important;border-radius:2px!important;margin-right:2px!important;vertical-align:middle!important}
.album-card-price-row .info-price-special{font-size:14px!important;color:#e4393c!important;font-weight:700!important;white-space:nowrap!important}
.album-card-price-row .info-price-multi{font-size:12px!important;color:#e4393c!important;font-weight:600!important;white-space:nowrap!important}

/* V133: ??????????? - ????+?????? */
@media(max-width:768px){
/* ??13px */
.album-card-name{font-size:13px!important;font-weight:500!important;line-height:1.3!important}
/* ??+??+?? ??? - 10px?? */
.album-card-meta-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:1px 4px!important;font-size:8px!important;color:#999!important;line-height:1.2!important;margin:0!important}
.album-card-meta-row .info-code,.album-card-meta-row .info-meta{font-size:8px!important;color:#999!important;white-space:nowrap!important}
/* ??? 10px */
.album-card-desc,.album-card-desc-full{font-size:8px!important;color:#999!important;line-height:1.2!important}
/* ?????? - ?? */
.album-card-price-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:6px!important;padding:2px 0!important;margin-top:2px!important}
.album-card-price-row .info-price-original{font-size:11px!important;color:#999!important;text-decoration:line-through!important;white-space:nowrap!important}
.album-card-price-row .info-price-member{font-size:14px!important;color:#e4393c!important;font-weight:700!important;white-space:nowrap!important;display:inline-flex!important;align-items:baseline!important;gap:2px!important;}
.album-card-price-row .info-price-member .member-tag{font-style:normal!important;font-size:9px!important;color:#fff!important;background:linear-gradient(135deg,#c8a45e,#b8860b)!important;padding:1px 4px!important;border-radius:2px!important;margin-right:2px!important;vertical-align:middle!important}
.album-card-price-row .info-price-special{font-size:14px!important;color:#e4393c!important;font-weight:700!important;white-space:nowrap!important}
.album-card-price-row .info-price-multi{font-size:12px!important;color:#e4393c!important;font-weight:600!important;white-space:nowrap!important}
/* ?????? */
.album-item-price.main .price-value{font-size:16px!important;color:#e4393c!important;font-weight:700!important}
/* ??? */
.album-item-price.member .price-value{font-size:14px!important;color:#e4393c!important;font-weight:700!important}
.album-item-price.member .price-label{font-size:10px!important;color:#fff!important;background:#c8a45e!important;padding:1px 4px!important;border-radius:2px!important}
/* ???? */
.album-item-price:not(.main) .price-value{font-size:11px!important;color:#999!important;text-decoration:line-through!important;font-weight:400!important}
.album-item-price:not(.main) .price-label{font-size:10px!important;color:#bbb!important}
}
/* V141: ??????? - ????????? */
.album-sub-detail-view .album-thumb-grid { grid-template-columns: 1fr; gap: 16px; }
.album-sub-detail-view .album-thumb-item { height: auto; flex-direction: column; }
.album-sub-detail-view .album-thumb-item img,
.album-sub-detail-view .album-thumb-item video { width: 100%; height: 200px; object-fit: cover; border-radius: 8px 8px 0 0; }
.album-sub-detail-view .album-thumb-name { position: static; padding: 10px 12px; background: #f5f5f5; border-radius: 0 0 8px 8px; color: #333; font-size: 14px; font-weight: 500; }





/* ===== Phone Landscape - override desktop 100vh layout ===== */
@media (max-height: 500px) and (orientation: landscape) {
  /* Override desktop L3-6: switch from 100vh fixed to scrollable */
  html, body { overflow-y: auto!important; height: auto!important; }
  .editor-container { height: auto!important; max-height: none!important; display: block!important; overflow-y: visible!important; }
  .canvas { flex: none!important; overflow-y: visible!important; min-height: auto!important; padding: 0!important; padding-bottom: 80px!important; }
  .page-tabs { height: auto!important; flex-wrap: nowrap!important; overflow-x: auto!important; scrollbar-width: none!important; }
  .page-tabs::-webkit-scrollbar { display: none!important; }
  .page-tab { font-size: 10px!important; padding: 3px 8px!important; }
  .add-page-tab { font-size: 10px!important; padding: 3px 8px!important; }
  .component-list-scroll { overflow-x: auto!important; max-height: 50px!important; scrollbar-width: none!important; }
  .component-list-scroll::-webkit-scrollbar { display: none!important; }
  .components { flex-wrap: nowrap!important; }
  .component-type { font-size: 9px!important; padding: 3px 6px!important; }
  .confirm-item { position: relative!important; right: auto!important; }
  
  /* Component items compact */
  .component-item { padding: 3px 6px!important; }
  .component-item.is-editing { max-height: none!important; overflow-y: visible!important; }
  .editor { font-size: 11px!important; }
  .editor-header { padding: 3px 8px!important; font-size: 11px!important; }
  .editor-row { padding: 2px 6px!important; gap: 3px!important; }
  .editor-footer { padding: 3px 8px!important; }
  .label { font-size: 10px!important; }
  .input { font-size: 11px!important; padding: 2px 4px!important; }
  .textarea { font-size: 11px!important; }
  .confirm, .delete { padding: 3px 8px!important; font-size: 10px!important; }
  
  /* Album: 2 columns */
  .album-gallery { grid-template-columns: 1fr 1fr!important; gap: 6px!important; }
  .album-item.detail-first-card .album-image { height: 140px!important; }
  
  /* Grid nav compact */
  .grid-nav-container { gap: 6px!important; }
  .grid-nav-icon { font-size: 22px!important; }
  .grid-nav-item span:last-child { font-size: 9px!important; }
  
  /* Banner shorter */
  .carousel-container { height: 130px!important; }
  
  /* Bottom nav compact */
  .bottom-nav { height: 40px!important; }
  .bottom-nav-item span { font-size: 9px!important; }
  
  /* Teleprompter fullscreen landscape */
  .teleprompter-sentence-container { padding: 20px 10vw 15vh!important; }
  .teleprompter-sentence.current { font-size: 28px!important; line-height: 1.4!important; padding: 6px 0!important; }
  .teleprompter-sentence.past, .teleprompter-sentence.future { font-size: 12px!important; }
  .teleprompter-controls { padding: 8px 16px!important; }
  .tp-btn { padding: 5px 10px!important; font-size: 12px!important; min-width: 40px!important; min-height: 28px!important; }
}
/* ===== Manual Landscape Mode (body.landscape-mode) ===== */
/* Force landscape: rotate content 90deg CW via CSS transform, user physically rotates phone to match */
body.landscape-mode{overflow:hidden!important}
body.landscape-mode .editor-container{position:fixed!important;top:0!important;left:100vw!important;width:100vh!important;height:100vw!important;transform:rotate(90deg)!important;transform-origin:top left!important;overflow-y:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;z-index:1000!important}
body.landscape-mode .canvas{flex:1 1 0%!important;overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch!important}
body.landscape-mode .page-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
body.landscape-mode .page-tabs::-webkit-scrollbar{display:none!important}
body.landscape-mode .page-tab,body.landscape-mode .add-page-tab{flex-shrink:0!important}
body.landscape-mode .component-list-scroll{overflow-x:auto!important;scrollbar-width:none!important}
body.landscape-mode .component-list-scroll::-webkit-scrollbar{display:none!important}
body.landscape-mode .components{flex-wrap:nowrap!important}
body.landscape-mode .component-type{flex-shrink:0!important}
body.landscape-mode .component-item.is-editing{overflow-y:auto!important;max-height:65vh!important}
body.landscape-mode .canvas.client-mode{max-width:100%!important}


body.landscape-mode .teleprompter-sentence-container{padding:20px 5vw 10vh!important}

/* Landscape/Back buttons in landscape mode: counter-rotate and reposition */
body.landscape-mode .landscape-btn{transform:rotate(-90deg);bottom:auto!important;left:auto!important;top:12px!important;right:12px!important}
body.landscape-mode .back-btn{transform:rotate(-90deg);bottom:auto!important;left:auto!important;top:12px!important;right:55px!important}
/* ===== Auto Landscape Detection (phone physically rotated) ===== */
@media(hover:none) and (orientation:landscape) and (max-width:1024px){
  html,body{overflow-y:auto!important;height:auto!important}
  .editor-container{height:auto!important;max-height:none!important;display:block!important;overflow-y:visible!important}
  .canvas{flex:none!important;overflow-y:visible!important;min-height:auto!important;padding-bottom:80px!important}
}
  
/* V846: Force hide skeleton */  
#app-skeleton{display:none!important}