*{box-sizing:border-box}html{font-size:3.5555555556vw}html,body{margin:0;min-height:100%;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,system-ui,sans-serif;color:#333}body{background:#edf2f9}.mob-query{margin:0 auto;width:100%;min-height:100vh;background-image:url(banner.png);background-repeat:no-repeat;background-size:100% 25rem;padding:calc(env(safe-area-inset-top) + 1.875rem) .75rem calc(env(safe-area-inset-bottom) + 1.875rem)}.list-item{width:100%;background:#fff;box-shadow:0 0 1.25rem 0 rgba(107,161,255,.251);border-radius:.75rem;padding-bottom:.75rem;margin-bottom:.75rem}.info-row{display:flex;align-items:flex-start;justify-content:space-between;padding:.625rem 1rem;font-size:.9375rem;line-height:1.5rem}.label{color:#999;flex:1;white-space:nowrap}.value{text-align:right;flex:1;max-width:50%;overflow-wrap:anywhere;white-space:pre-wrap}.btns{display:flex;justify-content:flex-end;padding:0 .9375rem;height:3.125rem;align-items:center}.license-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #7bb0c6;color:#7bb0c6;border-radius:999px;height:2rem;width:4.25rem;text-decoration:none;font-size:.875rem;background:white}.license-button:last-child{margin-left:1.25rem}.missing{font-size:.875rem;color:#999}.preview[hidden]{display:none}.preview{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;overflow:auto;padding:3rem .75rem}.preview img{max-width:100%;max-height:85vh;object-fit:contain}.close-preview{position:fixed;right:.75rem;top:.75rem;border:0;background:transparent;color:white;font-size:2rem;cursor:pointer}.preview p{position:fixed;bottom:.5rem;color:#ddd;font-size:.75rem}@media(min-width:768px){html{font-size:16px}.mob-query{max-width:480px}.preview img{max-width:90vw}body{min-height:100vh}}

.preview img[hidden],.preview iframe[hidden]{display:none}.preview iframe{width:100%;height:80vh;border:0;background:#fff;max-width:960px}
.license-save{position:fixed;bottom:.5rem;left:0;right:0;text-align:center}.preview .license-save p{position:static;margin:.4rem;color:#ddd}.license-save button{border:1px solid #9fbba8;border-radius:.35rem;background:#fff;color:#33513f;padding:.4rem .9rem;font-size:.75rem}.license-save button[hidden]{display:none}.preview{padding-bottom:5rem}.preview img{max-height:78vh}.license-button{cursor:pointer}

.preview{background:#23272b;padding:0;overflow:hidden}.preview img{max-width:100%;max-height:80vh;flex-shrink:0;transition:transform .15s}.close-preview{top:2.5rem;right:2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(80,85,88,.4);line-height:1;z-index:23}.preview-tools button{border:0;background:transparent;color:white;font-size:1.5rem;cursor:pointer;width:1.8rem}.license-save{z-index:22}.license-save button{font-family:inherit}.preview .license-save p{color:white}@media(min-width:768px){.preview img{max-width:100vw}}

.preview img{max-height:70vh}.preview-tools{bottom:4rem}

/* ============ 图片浏览 / 下载 增强 ============ */
body.viewer-open{overflow:hidden}

/* 预览区改为可拖动舞台 */
.preview{display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;padding:0;background:#23272b;z-index:20}
.preview[hidden]{display:none}
#preview-stage{position:absolute;top:3.6rem;bottom:6.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}
#preview-stage:active{cursor:grabbing}
#preview-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex-shrink:0;transform-origin:center center;will-change:transform;transition:transform .08s linear;pointer-events:none;user-select:none;-webkit-user-drag:none}
#preview-stage img[hidden]{display:none}

/* 顶部栏 */
.viewer-bar{position:fixed;top:0;left:0;right:0;z-index:24;display:flex;align-items:center;justify-content:space-between;
  padding:calc(env(safe-area-inset-top) + .6rem) 1rem .6rem;
  background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.viewer-bar>*{pointer-events:auto}
.viewer-title{color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.close-preview{position:static;width:2.25rem;height:2.25rem;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;
  border:0;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.close-preview:active{background:rgba(255,255,255,.32)}

/* 底部操作面板 */
.license-save{position:absolute;left:0;right:0;bottom:0;z-index:24;
  padding:.75rem 1rem calc(env(safe-area-inset-bottom) + .9rem);
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));text-align:center}
.license-save p{position:static;margin:0 0 .6rem;color:#f0f0f0;font-size:.75rem;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.license-save p.err{color:#ffb4b4}
.save-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.save-actions button{border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.94);
  color:#1f2c3d;padding:.6rem 1.25rem;font-size:.875rem;font-family:inherit;cursor:pointer;font-weight:500;
  display:inline-flex;align-items:center;gap:.35rem;transition:transform .1s,background .15s}
.save-actions button:active{transform:scale(.96);background:#fff}
.save-actions button.primary-save{background:#7bb0c6;border-color:#7bb0c6;color:#fff}
.save-actions button.primary-save:active{background:#5d9cb5}
.save-actions button[hidden]{display:none}

/* 缩放工具条 */
.preview-tools{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 7.5rem);left:50%;transform:translateX(-50%);
  display:flex;gap:.25rem;background:rgba(30,34,38,.62);border-radius:3rem;padding:.3rem .6rem;z-index:23;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.preview-tools[hidden]{display:none}
.preview-tools button{border:0;background:transparent;color:#fff;font-size:1.25rem;cursor:pointer;
  width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}
.preview-tools button:active{background:rgba(255,255,255,.2)}

/* 轻提示 */
.img-toast{position:fixed;left:50%;bottom:11rem;transform:translate(-50%,.5rem);z-index:99;
  background:rgba(20,24,28,.9);color:#fff;font-size:.8125rem;padding:.6rem 1.05rem;border-radius:.5rem;
  max-width:80vw;text-align:center;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.img-toast.show{opacity:1;transform:translate(-50%,0)}

@media(min-width:768px){
  .preview-tools{bottom:auto;top:50%;left:auto;right:1.5rem;transform:translateY(-50%);flex-direction:column}
  .license-save{padding-bottom:1.25rem}
  .img-toast{bottom:7rem}
}

/* ============ 桌面端适配（v1.2） ============ */
@media (min-width:768px){
  .mob-query{max-width:640px;padding-top:2.5rem}
  .list-item{border-radius:14px;padding-bottom:.25rem}
  .info-row{padding:.75rem 1.5rem;font-size:.9375rem}
  .label{flex:0 0 42%;white-space:normal}
  .value{flex:1;max-width:58%;text-align:right}
  .btns{height:3.5rem;padding:0 1.25rem}
  .license-button{height:2.25rem;width:5rem;font-size:.875rem}
  .home-search{margin:1rem 0}
  .result-item{padding:1rem 1.5rem}
  .result-head{padding:.875rem 1.5rem .375rem;font-size:.875rem}
  body{background-position:top center}
}
@media (min-width:1200px){
  .mob-query{max-width:700px}
  .label{flex:0 0 40%}
  .value{max-width:60%}
}