#view-douyin-links {
  --dy-ink:#17253b;
  --dy-muted:#526782;
  --dy-line:#e4ebf6;
  --dy-pale:#f5f8fe;
  --dy-blue:#2159f5;
  color:var(--dy-ink);
  min-width:0;
}
#view-douyin-links [hidden] { display:none !important; }
#view-douyin-links :is(h1,h2,h3,p) { margin:0; }
#view-douyin-links button:focus-visible,
#view-douyin-links input:focus-visible,
.pc-dy-table:focus-visible { outline:2px solid #456eff; outline-offset:2px; }
.pc-dy-title { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pc-dy-title h1 { font-size:25px; line-height:1.3; }
.pc-dy-panel { border:1px solid var(--dy-line); border-radius:16px; background:#fff; padding:21px; }
.pc-dy-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.pc-dy-head h2,.pc-dy-drawer h2 { font-size:18px; }
#view-douyin-links .btn { white-space:nowrap; }
#view-douyin-links .btn-primary { background:var(--dy-blue); }
.pc-dy-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:18px 0 14px; }
.pc-dy-toolbar-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.pc-dy-filters,.pc-dy-modes { display:flex; align-items:center; gap:6px; }
.pc-dy-filters button,.pc-dy-modes button {
  padding:6px 11px; border:1px solid #e1e8f4; border-radius:7px; background:#f8faff;
  color:#4b5e78; font:inherit; font-size:13px; white-space:nowrap; cursor:pointer;
}
.pc-dy-filters button[aria-pressed="true"],.pc-dy-modes button[aria-pressed="true"] {
  color:#174bc3; background:#edf3ff; border-color:#bbcdfa; font-weight:650;
}
.pc-dy-search { min-height:36px; display:flex; align-items:center; gap:7px; padding:0 9px; border:1px solid #dce6f7; border-radius:8px; background:#fafcff; }
.pc-dy-search input { width:174px; padding:4px 0; border:0; background:transparent; color:var(--dy-ink); font:inherit; }
.pc-dy-search svg,.pc-dy-icon svg,.pc-dy-preview svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.pc-dy-search svg { color:#627896; }
.pc-dy-table { overflow:auto; border:1px solid var(--dy-line); border-radius:10px; }
#view-douyin-links table { width:100%; min-width:700px; table-layout:fixed; border-collapse:collapse; text-align:left; }
.pc-dy-table col:nth-child(1) { width:22%; }
.pc-dy-table col:nth-child(2) { width:26%; }
.pc-dy-table col:nth-child(3) { width:12%; }
.pc-dy-table col:nth-child(4) { width:18%; }
.pc-dy-table col:nth-child(5) { width:22%; }
#view-douyin-links th { background:#f3f7fd; color:#445a7c; font-size:13px; padding:13px 11px; white-space:nowrap; text-align:left; }
#view-douyin-links td { border-top:1px solid #edf1f8; height:69px; padding:11px; text-align:left; }
#view-douyin-links :is(th,td):first-child { padding-left:16px; }
.pc-dy-ellipsis { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.pc-dy-table small { display:block; color:var(--dy-muted); font-size:12px; margin-top:4px; }
.pc-dy-link { display:flex; align-items:center; gap:7px; min-width:0; color:#49627f; }
.pc-dy-icon {
  display:inline-grid; place-items:center; flex:none; min-width:29px; height:29px;
  border:1px solid #dfe8f9; border-radius:6px; background:#f1f6ff; color:#2358cc; font:inherit; cursor:pointer;
}
.pc-dy-icon:disabled { opacity:.45; cursor:default; }
.pc-dy-icon:hover:not(:disabled) { background:#e7efff; }
.pc-dy-badge {
  display:inline-block; padding:3px 7px; border-radius:5px; font-size:12px;
  font-weight:650; white-space:nowrap; color:#54647b; background:#edf1f6;
}
.pc-dy-badge.active { background:#e7f6ef; color:#15664d; }
.pc-dy-badge.paused { background:#fff3d9; color:#81551d; }
.pc-dy-badge.blocked { background:#fbecef; color:#9a2e41; }
.pc-dy-expiry { white-space:nowrap; font-size:13px; font-variant-numeric:tabular-nums; }
.pc-dy-row-actions { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.pc-dy-row-actions button,.pc-dy-row-actions span { border:0; padding:3px 0; background:transparent; color:#2256d0; font:inherit; font-size:13px; }
.pc-dy-row-actions span { color:var(--dy-muted); font-size:12px; }
.pc-dy-row-actions button { cursor:pointer; }
.pc-dy-row-actions button:hover { text-decoration:underline; }
.pc-dy-row-actions button.pc-dy-remove { color:#a1374b; }
#view-douyin-links td.pc-dy-empty { padding:28px 10px; text-align:center; color:var(--dy-muted); }
.pc-dy-bottom:has(#pcDyMore:not([hidden])) { display:flex; justify-content:flex-end; margin-top:13px; }
#view-douyin-links .pc-dy-feedback { color:#a1374b; font-size:13px; margin-top:9px; }
#view-douyin-links .pc-dy-feedback:empty { display:none; }
.pc-dy-drawer {
  position:fixed; inset:0; width:min(1050px,calc(100vw - 48px)); height:fit-content;
  max-width:100%; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:0; border-radius:16px;
  color:var(--dy-ink); background:white; box-shadow:0 24px 80px #12284733; overflow:auto; overscroll-behavior:contain;
}
.pc-dy-drawer::backdrop { background:#14264068; }
.pc-dy-drawer-head {
  position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center;
  padding:16px 21px; border-bottom:1px solid var(--dy-line); background:white;
}
.pc-dy-drawer > .pc-trial-progress { margin:12px 21px 0; }
.pc-dy-dialog-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(245px,.49fr); align-items:start; }
.pc-dy-drawer form { min-width:0; padding:19px 23px 23px; }
.pc-dy-drawer fieldset { margin:0; padding:0; border:0; min-width:0; }
#view-douyin-links #pcDyFormMessage { margin:0 0 11px; }
.pc-dy-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pc-dy-fields label,.pc-dy-image-row label { display:grid; gap:5px; color:#354b67; font-size:13px; }
.pc-dy-drawer .input { min-width:0; width:100%; height:38px; background:#f8faff; }
.pc-dy-form-section { margin-top:17px; padding-top:15px; border-top:1px solid var(--dy-line); }
#view-douyin-links .pc-dy-form-section h3 { margin-bottom:9px; font-size:14px; }
.pc-dy-bind { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:13px; }
.pc-dy-bind > span { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 9px; }
.pc-dy-bind b { white-space:nowrap; }
.pc-dy-bind small { display:block; color:var(--dy-muted); }
.pc-dy-bind input { appearance:none; flex:none; width:37px; height:21px; background:#b9c7db; border-radius:20px; position:relative; cursor:pointer; }
.pc-dy-bind input:checked { background:var(--dy-blue); }
.pc-dy-bind input::after { content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:50%; background:#fff; }
.pc-dy-bind input:checked::after { left:19px; }
.pc-dy-image-head { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:8px; }
#view-douyin-links .pc-dy-image-head h3 { margin:0; }
.pc-dy-images {
  --dy-image-row:62px;
  --dy-image-gap:7px;
  display:grid; align-content:start; grid-auto-rows:var(--dy-image-row); gap:var(--dy-image-gap);
  height:calc(4 * var(--dy-image-row) + 3 * var(--dy-image-gap));
  overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable;
}
.pc-dy-image-row { display:grid; grid-template-columns:34px minmax(0,1fr) 87px 87px auto; align-items:center; gap:7px; padding:7px; border:1px solid var(--dy-line); border-radius:8px; background:var(--dy-pale); }
.pc-dy-image-info { display:grid; min-width:0; align-content:center; line-height:15px; }
.pc-dy-image-info small { color:var(--dy-muted); font-size:11px; white-space:nowrap; }
.pc-dy-image-info b { color:var(--dy-ink); font-variant-numeric:tabular-nums; }
.pc-dy-image-note { margin:7px 0 0; color:var(--dy-muted); font-size:12px; line-height:18px; }
.pc-dy-preview { display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid transparent; border-radius:5px; background:#fff; color:#315c9c; overflow:hidden; cursor:pointer; }
.pc-dy-preview[aria-pressed="true"] { border-color:#5280f2; }
.pc-dy-preview img { display:block; width:100%; height:100%; object-fit:contain; }
.pc-dy-image-row label { font-size:11px; line-height:16px; gap:2px; }
.pc-dy-image-row .input { height:28px; padding:3px 6px; font-size:12px; background:#fff; }
.pc-dy-image-actions,.pc-dy-form-actions { display:flex; gap:6px; }
.pc-dy-image-actions .pc-dy-icon { min-width:24px; height:26px; padding:0 4px; }
.pc-dy-form-actions { justify-content:flex-end; margin-top:19px; }
.pc-dy-live-preview { align-self:stretch; min-width:0; padding:19px 20px; border-left:1px solid var(--dy-line); background:#f7faff; }
#view-douyin-links .pc-dy-live-preview h3 { font-size:15px; margin-bottom:13px; }
.pc-dy-phone { display:flex; flex-direction:column; width:min(100%,248px); aspect-ratio:390 / 844; margin:auto; border:5px solid #25354c; border-radius:20px; overflow:hidden; background:#eaf3fc; }
.pc-dy-phone-bar { display:grid; flex:none; grid-template-columns:49px minmax(0,1fr) 49px; align-items:center; gap:4px; min-height:39px; padding:5px 7px; color:var(--dy-ink); background:white; text-align:center; font-size:12px; }
.pc-dy-phone-back { justify-self:start; font-size:21px; line-height:1; }
.pc-dy-phone-menu { display:flex; align-items:center; gap:4px; justify-self:end; padding:2px 5px; border:1px solid #dbe3ef; border-radius:12px; font-size:9px; line-height:1; }
.pc-dy-phone-menu i { height:9px; border-left:1px solid #dbe3ef; }
.pc-dy-phone-screen { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 9px 15px; }
.pc-dy-phone-card { background:white; border-radius:10px; padding:8px; }
.pc-dy-phone-media { display:grid; justify-items:center; align-items:center; min-height:154px; }
.pc-dy-phone-media img { display:block; width:100%; height:auto; border-radius:4px; }
.pc-dy-phone-media p { padding:6px; color:var(--dy-muted); text-align:center; font-size:12px; }
#view-douyin-links #pcDyPreviewTip { display:flex; align-items:center; justify-content:center; gap:5px; width:fit-content; box-sizing:border-box; max-width:100%; margin:11px auto 0; padding:3px 10px; border:1px solid #bad6f7; border-radius:16px; background:#e5f0ff; text-align:center; color:#1d508e; font-size:13px; line-height:1.35; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
#view-douyin-links #pcDyPreviewTip::before { content:""; flex:none; width:16px; height:16px; background:url("/mobile-native-20261108-feature-trials/assets/icons/douyin-fingerprint-blue.png") center / contain no-repeat; }
#view-douyin-links #pcDyPreviewTip:empty { display:none; }
.pc-dy-preview-pages { display:flex; justify-content:center; align-items:center; gap:10px; margin:11px auto 0; color:var(--dy-muted); font-size:12px; }
#payPlanModal .pay-plan-footer { flex-wrap:wrap; align-items:center; }
#payPlanModal .pay-plan-terms { flex:0 0 auto; white-space:nowrap; align-items:center; }
#payPlanModal .pay-plan-terms input { margin:0; }
#payPlanModal .pay-plan-actions { margin-left:auto; }
#payPlanModal #payTrialHint { order:1; flex-basis:100%; margin:0; }
@media (max-width:1100px) {
  .pc-dy-panel { padding:15px; }
}
@media (max-width:900px) {
  .pc-dy-drawer { width:calc(100vw - 32px); max-height:calc(100dvh - 32px); }
  .pc-dy-drawer form,.pc-dy-live-preview { padding:15px; }
  .pc-dy-image-row { grid-template-columns:34px minmax(0,1fr) 62px 62px auto; gap:5px; }
}
@media (max-width:768px) {
  .pc-dy-nav,#view-douyin-links { display:none !important; }
}
.pc-dy-filters button { min-width:63px; }
#view-douyin-links:has(> .pc-trial-progress.ended:not([hidden])) #pcDyCreate:not([data-trial-action]) { display:none; }
#view-douyin-links td { vertical-align:middle; }