/* 后续外观调整写在这里，覆盖原站样式。 */
.demone-receipt-content { display:flex; flex-direction:column; gap:14px; padding:20px 16px; background:#cc94ca; color:#111; font-family:monospace; }
.demone-receipt-header { display:flex; justify-content:space-between; font-size:14px; line-height:16px; }
.demone-receipt-header strong { font-weight:500; }
.demone-receipt-divider { border-top:1px dashed #aaa; }
.demone-receipt-photo { position:relative; width:100%; aspect-ratio:469/528; overflow:hidden; }
.demone-receipt-photo img { position:absolute; width:341.578%; max-width:none; height:auto; left:-10.661%; top:-7.955%; filter:none; pointer-events:none; }
.demone-receipt-name { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.demone-receipt-name h2 { margin:0; font-size:25px; line-height:1; font-weight:900; letter-spacing:-1px; }
.demone-receipt-name span { font-size:16px; font-weight:700; }
.demone-receipt-section { display:flex; flex-direction:column; gap:12px; }
.demone-receipt-section h3 { margin:0; font-size:12px; letter-spacing:.4px; font-weight:700; }
.demone-receipt-entry { display:flex; flex-direction:column; gap:3px; font-size:12px; line-height:1.5; }
.demone-receipt-date { display:flex; align-items:center; gap:8px; font-size:11px; }
.demone-receipt-dots { flex:1; border-top:1px dotted #aaa; }
.demone-receipt-entry strong { font-weight:600; font-size:13px; }
.demone-receipt-entry p { margin:0; }

/* Reference card colors, with the original receipt silhouette. */
[data-horizontal-pan-item-id="profile-receipt"] .receipt-teeth { background:linear-gradient(135deg,transparent 50%,#cc94ca 51%) 0 0/10px 5px repeat-x,linear-gradient(225deg,transparent 50%,#cc94ca 51%) 5px 0/10px 5px repeat-x; }
.demone-receipt-divider { border-color:rgba(17,17,17,.45); }
.demone-receipt-dots { border-color:rgba(17,17,17,.4); }
.demone-receipt-name span { background:#30c9ed; border:1.5px solid #111; padding:3px 8px; }

/* Display the full-resolution portrait without the reference-card crop. */
.demone-receipt-photo { aspect-ratio:1152/1476; }
.demone-receipt-photo img { position:static; display:block; width:100%; max-width:100%; height:auto; left:auto; top:auto; filter:none; }

/* Continuous cutting mat across the expanded desktop, moving with horizontal pan. */
.home::before { content:""; position:absolute; inset:80px 0 0; pointer-events:none; background-image:linear-gradient(to right,var(--color-mat-accent) 1px,transparent 1px),linear-gradient(to bottom,var(--color-mat-accent) 1px,transparent 1px); background-size:20px 20px; background-position:var(--desktop-pan-x,0px) 0; }
.home .cutting-mat { background-image:none; }