/* 50 · 相册整理与重复照片 —— 胶片暗房版式：琥珀暗房光、胶片齿孔母题、底片条纹 */
.pad{
  --ink:#2b2419; --sub:#8c8271; --card:#fffdf8; --line:#e6dcc8;
  --pri:#a66a1f; --pri-deep:#7d4f12; --pri-soft:#f7ecd9; --ok:#3e7d4f; --warn:#b07a1f; --bad:#b23b4e; --bg:#faf5ea;
  --pad-font:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --pad-num:"Bahnschrift","Segoe UI Variable Text",ui-monospace,monospace;
  color:var(--ink); background:var(--bg); font-family:var(--pad-font);
  font-size:15px; line-height:1.8; letter-spacing:.12px;
  padding:30px 16px 64px;
}
:root[data-theme="dark"] .pad{
  --ink:#f0e9db; --sub:#a89d8a; --card:#241f15; --line:#413828;
  --pri:#e2a95c; --pri-deep:#c98f3f; --pri-soft:#372c18; --ok:#7fd0a0; --warn:#e0b46a; --bad:#ff8fa0; --bg:#171310;
}
.pad-wrap{max-width:1120px;margin:0 auto;}
.pad *{box-sizing:border-box;}
.pad h1,.pad h2,.pad h3{margin:0;}
.pad b{font-weight:700;color:var(--pri-deep);}
:root[data-theme="dark"] .pad b{color:var(--pri);}
.pad-hero{
  display:grid;grid-template-columns:minmax(0,1.62fr) 190px;gap:34px;align-items:center;
  background:linear-gradient(122deg,var(--card) 0%,var(--pri-soft) 100%);
  border:1px solid var(--line);border-radius:20px;padding:34px 38px;
  box-shadow:0 10px 30px rgba(166,106,31,.08);position:relative;overflow:hidden;
}
.pad-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(180deg,var(--pri) 0 14px,var(--card) 14px 20px);}
.pad-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--pri-deep);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 14px;}
.pad-hero h1{font-size:31px;line-height:1.34;font-weight:800;margin:16px 0 10px;letter-spacing:.3px;}
.pad-hero h1 em{display:block;font-style:normal;font-size:16.5px;font-weight:600;color:var(--sub);letter-spacing:.2px;margin-top:8px;}
.pad-hero p{margin:0;max-width:780px;font-size:15px;line-height:1.85;}
.pad-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.pad-hero-meta span{font-size:12px;font-weight:600;color:var(--sub);background:var(--card);border:1px dashed var(--line);border-radius:6px;padding:4px 10px;}
.pad-hero-film{display:flex;flex-direction:column;align-items:center;gap:10px;}
.pad-filmstrip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 10px;
  background:var(--ink);border-radius:8px;position:relative;
}
.pad-filmstrip:before,.pad-filmstrip:after{content:"";position:absolute;left:0;right:0;height:7px;
  background-image:repeating-linear-gradient(90deg,transparent 0 3px,var(--card) 3px 7px,transparent 7px 12px);}
.pad-filmstrip:before{top:2px;}
.pad-filmstrip:after{bottom:2px;}
.pad-filmstrip i{display:block;width:44px;height:34px;border-radius:3px;
  background:linear-gradient(140deg,#e8c27f,#a66a1f);opacity:.85;}
.pad-filmstrip i:nth-child(even){background:linear-gradient(140deg,#d9a45f,#7d4f12);}
.pad-film-note{font-size:11px;color:var(--sub);text-align:center;line-height:1.5;}
.pad-card,.pad-panel,.pad-empty{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 2px 12px rgba(166,106,31,.05);padding:24px 26px;margin-top:20px;
}
.pad-card-h,.pad-h2{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px;}
.pad-card-h h2{font-size:20px;font-weight:750;}
.pad-h2{font-size:18px;font-weight:750;}
.pad-card-tip,.pad-h2 span{font-size:12.5px;font-weight:500;color:var(--sub);}
.pad-drop{
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer;
  border:2px dashed var(--pri);border-radius:16px;background:var(--pri-soft);padding:30px 20px;
  transition:border-color .18s,background .18s,transform .15s;outline:none;
}
.pad-drop:hover,.pad-drop:focus-visible,.pad-drop.is-over{background:var(--card);transform:translateY(-1px);}
.pad-drop-ic{font-size:30px;}
.pad-drop b{font-size:15.5px;}
.pad-drop em{font-style:normal;font-size:12.5px;color:var(--sub);max-width:560px;line-height:1.7;}
.pad-or{display:flex;align-items:center;gap:12px;margin:18px 0 12px;color:var(--sub);font-size:12.5px;}
.pad-or:before,.pad-or:after{content:"";flex:1;height:1px;background:var(--line);}
.pad-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.pad-listbox,.pad-batchbox{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.pad-list-h{display:flex;align-items:center;gap:10px;font-size:13.5px;margin-bottom:10px;}
.pad-list-h b{margin-right:auto;font-size:13.5px;color:var(--ink);}
.pad-list-h span{font:650 12px var(--pad-num);color:var(--pri-deep);}
.pad-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:210px;overflow:auto;}
.pad-list li{display:flex;align-items:center;gap:8px;font:500 12.5px var(--pad-num);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px 10px;}
.pad-list li span{color:var(--sub);font-size:11.5px;}
.pad-list-empty{color:var(--sub);border-style:dashed!important;background:transparent!important;justify-content:center;font-family:var(--pad-font)!important;font-size:13px!important;}
.pad-del{margin-left:auto;background:none;border:none;color:var(--sub);cursor:pointer;font-size:14px;padding:0 4px;}
.pad-del:hover{color:var(--bad);}
.pad-lab{display:block;font-size:13px;font-weight:650;margin-bottom:8px;}
.pad-ta{width:100%;min-height:150px;resize:vertical;line-height:1.7;
  font:500 13px var(--pad-num);color:var(--ink);background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .18s,box-shadow .18s;}
.pad-ta:hover{border-color:var(--pri);}
.pad-ta:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.pad-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.pad-btn{
  font:650 14px var(--pad-font);color:var(--ink);background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:10px 20px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;white-space:nowrap;
}
.pad-btn:hover{transform:translateY(-1px);border-color:var(--pri);box-shadow:0 6px 16px rgba(166,106,31,.14);}
.pad-btn:active{transform:translateY(0);}
.pad-btn-main{background:var(--pri);color:#fff;border-color:var(--pri);}
.pad-btn-main:hover{background:var(--pri-deep);}
.pad-mini{font-size:12px;color:var(--sub);background:none;border:none;cursor:pointer;padding:2px 6px;}
.pad-mini:hover{color:var(--bad);}
.pad-run-row{margin-top:18px;}
.pad-msg{font-size:13px;color:var(--sub);margin:12px 0 0;min-height:20px;line-height:1.6;}
.pad-empty{text-align:center;padding:46px 20px;color:var(--sub);}
.pad-empty-ic{display:block;font-size:30px;margin-bottom:8px;}
.pad-empty b{display:block;font-size:16px;color:var(--ink);}
.pad-empty em{display:block;font-style:normal;font-size:13px;margin-top:6px;line-height:1.7;}
.pad-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;}
.pad-kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:4px;}
.pad-kpi.is-hero{background:linear-gradient(140deg,var(--pri),var(--pri-deep));border-color:transparent;color:#fff;}
.pad-kpi .k{font-size:12.5px;color:var(--sub);}
.pad-kpi.is-hero .k,.pad-kpi.is-hero .s{color:#f7e3c4;}
.pad-kpi .v{font:800 29px/1.2 var(--pad-num);letter-spacing:.5px;}
.pad-kpi .s{font-size:11.5px;color:var(--sub);}
.pad-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.pad-gcard{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.pad-gcard-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:750;margin-bottom:10px;}
.pad-kind{font-size:11px;font-weight:700;color:var(--pri-deep);background:var(--pri-soft);border-radius:999px;padding:2px 10px;}
:root[data-theme="dark"] .pad-kind{color:var(--pri);}
.pad-gcard-h span{margin-left:auto;font:650 12px var(--pad-num);color:var(--sub);}
.pad-grows{display:flex;flex-direction:column;gap:6px;}
.pad-grow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 12.5px var(--pad-num);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;}
.pad-grow.is-keep{border-color:var(--ok);background:linear-gradient(140deg,var(--card),rgba(62,125,79,.08));}
.pad-keep{font-size:11px;font-weight:700;color:var(--ok);}
.pad-delmark{margin-left:auto;font-size:11px;font-weight:700;color:var(--bad);}
.pad-gwhy{font-size:12px;color:var(--sub);margin-top:10px;line-height:1.65;}
.pad-tw{overflow:auto;}
.pad-tb{width:100%;border-collapse:collapse;font:500 13px var(--pad-num);min-width:600px;}
.pad-tb th,.pad-tb td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.pad-tb th{font:650 12px var(--pad-font);color:var(--sub);background:var(--bg);}
.pad-tb tbody tr:hover{background:var(--pri-soft);}
.pad-note{font-size:13px;color:var(--sub);background:var(--bg);border-radius:10px;padding:10px 14px;margin:14px 0 0;line-height:1.7;}
.pad-final{margin-top:22px;}
@media (max-width:960px){
  .pad{padding:20px 12px 48px;}
  .pad-hero{grid-template-columns:1fr;padding:24px 20px;}
  .pad-hero h1{font-size:25px;}
  .pad-hero-film{display:none;}
  .pad-grid,.pad-groups,.pad-kpis{grid-template-columns:1fr;}
  .pad-card,.pad-panel{padding:18px 16px;}
}