/* ====== 55 PDF 转 Word · 纸白 + 墨蓝 · 稿件纸风 ====== */
.tsk.p2w{
  --tsk-bg:#f2f4f7;
  --tsk-card:#ffffff;
  --tsk-card-2:#f7f9fc;
  --tsk-ink:#17202e;
  --tsk-sub:#546074;
  --tsk-faint:#8793a6;
  --tsk-line:#dde3eb;
  --tsk-line-2:#eaeef4;
  --tsk-brand:#2b5f9e;
  --tsk-brand-2:#4a83c4;
  --tsk-brand-soft:#e8f0fa;
  --tsk-brand-ink:#214d84;
  --tsk-ok:#1f7a5c;
  --tsk-ok-soft:#e6f5ef;
  --tsk-warn:#a06a12;
  --tsk-warn-soft:#fbf1dd;
  --tsk-bad:#b8403f;
  --tsk-bad-soft:#fbeceb;
  --tsk-shadow-sm:0 1px 2px rgba(23,32,46,.06),0 8px 18px rgba(23,32,46,.05);
  --tsk-shadow:0 2px 8px rgba(23,32,46,.08),0 20px 46px rgba(23,32,46,.10);
  background:
    linear-gradient(180deg,rgba(43,95,158,.04),transparent 320px),
    radial-gradient(600px 260px at 100% -6%,rgba(43,95,158,.08),transparent 60%),
    var(--tsk-bg);
}
:root[data-theme="dark"] .tsk.p2w{
  --tsk-bg:#0f141c;
  --tsk-card:#171e28;
  --tsk-card-2:#121821;
  --tsk-ink:#e7edf5;
  --tsk-sub:#a3aebd;
  --tsk-faint:#74808f;
  --tsk-line:#28323f;
  --tsk-line-2:#1f282f;
  --tsk-brand:#7fb0e8;
  --tsk-brand-2:#a7ccf5;
  --tsk-brand-soft:rgba(127,176,232,.13);
  --tsk-brand-ink:#9cc3f0;
  --tsk-ok:#57d0a3;
  --tsk-ok-soft:rgba(87,208,163,.13);
  --tsk-warn:#f0c05a;
  --tsk-warn-soft:rgba(240,192,90,.13);
  --tsk-bad:#ff8f8c;
  --tsk-bad-soft:rgba(255,143,140,.13);
  --tsk-shadow-sm:0 1px 2px rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.3);
  --tsk-shadow:0 2px 8px rgba(0,0,0,.5),0 20px 46px rgba(0,0,0,.4);
  background:
    linear-gradient(180deg,rgba(127,176,232,.04),transparent 320px),
    radial-gradient(600px 260px at 100% -6%,rgba(127,176,232,.08),transparent 60%),
    var(--tsk-bg);
}

.p2w-hero{display:grid;grid-template-columns:minmax(0,1fr) 394px;gap:30px;padding:30px 0 24px;align-items:stretch;}
.p2w-hero-l{display:flex;flex-direction:column;}
.p2w-hero-l>.tsk-hs{flex:1 1 auto;}
.p2w-hero-l .tsk-h1 b{color:var(--tsk-brand-ink);}
.p2w-sec-sub{font-size:12px;font-weight:600;color:var(--tsk-faint);}

/* ---- 转换台 ---- */
.p2w-panel{
  background:var(--tsk-card);
  border:1px solid var(--tsk-line);
  border-radius:14px;
  box-shadow:var(--tsk-shadow);
  overflow:hidden;
}
.p2w-panel-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 18px;
  border-bottom:1px solid var(--tsk-line);
  background:var(--tsk-card-2);
}
.p2w-panel-hd b{font-size:13px;}
.p2w-panel-hd i{
  font-style:normal;
  font:700 9.5px/1 var(--tsk-num);
  letter-spacing:.14em;
  color:var(--tsk-brand-ink);
}
.p2w-panel-body{padding:14px 18px 16px;}

/* 纸张式拖拽区 */
.p2w-drop{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:18px 12px;
  border:1px solid var(--tsk-line);
  border-radius:10px;
  background:
    linear-gradient(90deg,transparent 26px,rgba(184,64,63,.22) 26px 27px,transparent 27px),
    repeating-linear-gradient(180deg,transparent 0 23px,var(--tsk-line-2) 23px 24px),
    var(--tsk-card-2);
  cursor:pointer;
  text-align:center;
  transition:border-color .18s,box-shadow .18s;
}
.p2w-drop:hover,.p2w-drop.is-over{border-color:var(--tsk-brand);box-shadow:0 0 0 3px var(--tsk-brand-soft);}
.p2w-drop-ic{font-size:21px;line-height:1;}
.p2w-drop b{font-size:12px;color:var(--tsk-ink);}
.p2w-drop small{font-size:10px;color:var(--tsk-faint);}

.p2w-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:11px;
}
.p2w-meta>div{
  padding:8px 9px;
  border:1px solid var(--tsk-line-2);
  border-radius:8px;
  background:var(--tsk-card-2);
}
.p2w-meta span{display:block;font-size:9.5px;font-weight:700;color:var(--tsk-faint);}
.p2w-meta b{
  display:block;
  margin-top:2px;
  font:800 12px/1.4 var(--tsk-num);
  color:var(--tsk-brand-ink);
  font-variant-numeric:tabular-nums;
}
.p2w-field{margin-top:11px;}
.p2w-field label{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  font-weight:800;
  color:var(--tsk-sub);
}
.p2w-inp{
  width:100%;
  height:34px;
  padding:0 10px;
  border:1px solid var(--tsk-line);
  border-radius:8px;
  background:var(--tsk-card-2);
  color:var(--tsk-ink);
  font:600 12px/34px var(--tsk-num);
  outline:none;
  transition:border-color .16s,box-shadow .16s;
}
.p2w-inp:focus{border-color:var(--tsk-brand);box-shadow:0 0 0 3px var(--tsk-brand-soft);}
.p2w-inp:disabled{opacity:.55;cursor:not-allowed;}
.p2w-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px;}
.p2w-check{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid var(--tsk-line);
  border-radius:7px;
  background:var(--tsk-card-2);
  font-size:11px;
  color:var(--tsk-sub);
  cursor:pointer;
  user-select:none;
}
.p2w-check input{accent-color:var(--tsk-brand);width:13px;height:13px;}
.p2w-err{
  margin-top:10px;
  padding:8px 10px;
  border-radius:7px;
  background:var(--tsk-bad-soft);
  color:var(--tsk-bad);
  font-size:11px;
  line-height:1.7;
}
.p2w-progress{margin-top:11px;}
.p2w-prog-bar{
  height:6px;
  border-radius:99px;
  background:var(--tsk-line-2);
  overflow:hidden;
}
.p2w-prog-bar i{
  display:block;
  height:100%;
  width:0;
  border-radius:99px;
  background:linear-gradient(90deg,var(--tsk-brand),var(--tsk-brand-2));
  transition:width .2s linear;
}
.p2w-progress span{
  display:block;
  margin-top:4px;
  font:700 10px/1.5 var(--tsk-num);
  color:var(--tsk-faint);
}
.p2w-acts{display:flex;gap:8px;margin-top:12px;}
.p2w-acts .tsk-btn-main{
  flex:1;
  background:linear-gradient(120deg,var(--tsk-brand),var(--tsk-brand-2));
  color:#fff;
}
.p2w-ghost{color:var(--tsk-sub);}
.p2w-foot{
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed var(--tsk-line);
  font-size:10px;
  line-height:1.7;
  color:var(--tsk-faint);
}

/* ---- 结果 ---- */
.p2w-result{
  margin:2px 0 30px;
  background:var(--tsk-card);
  border:1px solid var(--tsk-line);
  border-radius:14px;
  box-shadow:var(--tsk-shadow);
  overflow:hidden;
}
.p2w-result-hd{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:13px 18px;
  border-bottom:1px solid var(--tsk-line);
  background:var(--tsk-card-2);
}
.p2w-stat{min-width:76px;}
.p2w-stat b{
  display:block;
  font:800 18px/1.1 var(--tsk-num);
  color:var(--tsk-brand-ink);
  font-variant-numeric:tabular-nums;
}
.p2w-stat span{display:block;margin-top:2px;font-size:10px;font-weight:700;color:var(--tsk-faint);}
.p2w-result-acts{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;}
.p2w-preview{padding:14px 18px 16px;}
.p2w-preview-hd{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:7px;
}
.p2w-preview-hd b{font-size:11.5px;color:var(--tsk-sub);}
.p2w-preview-hd span{font-size:10.5px;color:var(--tsk-faint);}
.p2w-text{
  width:100%;
  min-height:280px;
  padding:16px 18px 16px 34px;
  border:1px solid var(--tsk-line);
  border-radius:9px;
  background:
    linear-gradient(90deg,transparent 24px,rgba(184,64,63,.20) 24px 25px,transparent 25px),
    repeating-linear-gradient(180deg,transparent 0 25px,var(--tsk-line-2) 25px 26px),
    var(--tsk-card-2);
  color:var(--tsk-ink);
  font:500 13px/26px var(--tsk-font);
  resize:vertical;
  outline:none;
}
.p2w-text:focus{border-color:var(--tsk-brand);box-shadow:0 0 0 3px var(--tsk-brand-soft);}
.p2w-warn{
  margin:0 18px 16px;
  padding:10px 12px;
  border-radius:8px;
  background:var(--tsk-warn-soft);
  color:var(--tsk-warn);
  font-size:11.5px;
  line-height:1.8;
}

/* ---- 说明卡 ---- */
.p2w-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:10px;}
.p2w-note{
  padding:15px 17px;
  border:1px solid var(--tsk-line);
  border-radius:10px;
  background:var(--tsk-card);
  box-shadow:var(--tsk-shadow-sm);
}
.p2w-note b{
  display:inline-block;
  padding:2px 9px;
  border-radius:4px;
  background:var(--tsk-brand-soft);
  color:var(--tsk-brand-ink);
  font-size:11.5px;
}
.p2w-note p{margin-top:7px;font-size:12px;line-height:1.82;color:var(--tsk-sub);}

/* ---- 技巧 ---- */
.p2w-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:9px;}
.p2w-tip{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:11px;
  padding:14px 16px;
  border:1px solid var(--tsk-line);
  border-radius:10px;
  background:var(--tsk-card);
  box-shadow:var(--tsk-shadow-sm);
}
.p2w-tip>span{
  width:30px;
  height:30px;
  border-radius:6px;
  background:var(--tsk-brand-soft);
  color:var(--tsk-brand-ink);
  font:800 12px/30px var(--tsk-num);
  text-align:center;
}
.p2w-tip b{font-size:12.5px;}
.p2w-tip p{margin-top:4px;font-size:12px;line-height:1.8;color:var(--tsk-sub);}

@media (max-width:900px){
  .p2w-hero{grid-template-columns:1fr;gap:22px;}
  .p2w-result-acts{margin-left:0;width:100%;}
}
@media (max-width:520px){
  .p2w-meta{grid-template-columns:1fr 1fr;}
  .p2w-acts{flex-wrap:wrap;}
  .p2w-acts .tsk-btn-main{flex:1 1 100%;}
  .p2w-opts{grid-template-columns:1fr;}
  .p2w-text{padding-left:20px;min-height:220px;}
}
@media print{
  .p2w-hero-r,.p2w-result-acts{display:none;}
  .tsk.p2w{background:#fff;}
}