/* Paper Daily 划词分享 (select-to-share, direction B). Generated into selshare/ss.css by src/selshare.py. */
.long ::selection{background:rgba(217,100,58,.24)}
[data-theme=dark] .long ::selection{background:rgba(217,100,58,.42);color:#fff}
::highlight(pd-ss-land){background:rgba(217,100,58,.22);text-decoration:underline 2px #D9643A;text-underline-offset:4px}
.pd-ss-landed ::target-text{background:transparent}
.pd-ss-cleared ::target-text{background:transparent;color:inherit}
::target-text{background:rgba(217,100,58,.22);color:inherit}
.pd-ss-ic{width:16px;height:16px;flex:none;display:block}
.pd-ss-hh svg,.pd-ss-hs{display:block;overflow:visible;color:#1E1A16}
.pd-ss-hh .c,.pd-ss-hh .h{fill:#FBF6EC}.pd-ss-hh .h{stroke:none}.pd-ss-hh .w,.pd-ss-hh .rk{fill:#D9643A}
[data-theme=dark] .pd-ss-hh .o{stroke:#D9643A}
.pd-ss-say{position:absolute;font:700 12px/1 var(--sans);color:#fff;background:#D9643A;padding:6px 9px;border-radius:11px 11px 11px 3px;box-shadow:0 4px 10px rgba(217,100,58,.3);white-space:nowrap;pointer-events:none;animation:pd-ss-say 2.6s ease-out forwards}
@keyframes pd-ss-say{0%{opacity:0;transform:translateY(4px) scale(.9)}8%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
/* desktop toolbar */
.pd-ss{position:absolute;z-index:75;display:flex;align-items:center;gap:2px;height:46px;box-sizing:border-box;padding:0 6px 0 58px;border-radius:14px;background:#FBF6EC;color:#1E1A16;
 border:1px solid #E7DCC8;box-shadow:0 12px 30px rgba(60,40,20,.18),0 1px 2px rgba(60,40,20,.12);font:500 13px/1 var(--sans);white-space:nowrap;animation:pd-ss-in .14s ease-out}
@keyframes pd-ss-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pd-ss:after{content:"";position:absolute;left:var(--ax,50%);bottom:-6px;width:10px;height:10px;margin-left:-5px;background:inherit;border-right:1px solid #E7DCC8;border-bottom:1px solid #E7DCC8;transform:rotate(45deg)}
.pd-ss.below:after{bottom:auto;top:-6px;transform:rotate(225deg)}
.pd-ss .pd-ss-hh{position:absolute;left:6px;bottom:5px;width:48px;height:52px}
.pd-ss .pd-ss-hh svg{width:48px;height:52px;filter:drop-shadow(0 2px 2px rgba(60,40,20,.15))}
.pd-ss.below .pd-ss-hh{bottom:-3px}
.pd-ss .pd-ss-say{left:44px;top:-27px}
.pd-ss>button,.pd-ss>a{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.pd-ss>button .pd-ss-ic,.pd-ss>a .pd-ss-ic{color:#4A4A4A}
.pd-ss>button:hover,.pd-ss>a:hover,.pd-ss>button:focus-visible,.pd-ss>a:focus-visible{background:rgba(217,100,58,.1);color:#A3461F;outline:none}
.pd-ss>button:hover .pd-ss-ic,.pd-ss>a:hover .pd-ss-ic{color:#D9643A}
.pd-ss>.pri{background:#D9643A;color:#fff;margin-left:4px;padding:0 12px;border-radius:16px}
.pd-ss>.pri .pd-ss-ic,.pd-ss>.pri:hover .pd-ss-ic{color:#fff}.pd-ss>.pri:hover,.pd-ss>.pri:focus-visible{background:#C4552E;color:#fff}
[data-theme=dark] .pd-ss{background:#2A2420;border-color:#3D342C;color:#F2EADF;box-shadow:0 12px 30px rgba(0,0,0,.55)}
[data-theme=dark] .pd-ss:after{border-color:#3D342C}
[data-theme=dark] .pd-ss>button .pd-ss-ic,[data-theme=dark] .pd-ss>a .pd-ss-ic{color:#BDB3A6}
[data-theme=dark] .pd-ss>button:hover,[data-theme=dark] .pd-ss>a:hover{background:rgba(217,100,58,.18);color:#F6B497}
[data-theme=dark] .pd-ss>.pri,[data-theme=dark] .pd-ss>.pri .pd-ss-ic{color:#fff}
/* WeChat QR flyout */
.pd-ss-wx{position:absolute;z-index:76;width:240px;box-sizing:border-box;padding:12px;border-radius:12px;background:var(--paper,#fff);border:1px solid var(--line,#E2DDD6);box-shadow:0 14px 36px rgba(20,20,20,.16);display:flex;gap:10px;align-items:center}
.pd-ss-wx:after{content:"";position:absolute;left:var(--ax,50%);bottom:-6px;width:10px;height:10px;margin-left:-5px;background:inherit;border-right:1px solid var(--line,#E2DDD6);border-bottom:1px solid var(--line,#E2DDD6);transform:rotate(45deg)}
.pd-ss-qr{width:76px;height:76px;padding:3px;box-sizing:border-box;background:#fff;border:1px solid #E2DDD6;border-radius:6px;flex:none;color:#141414}
.pd-ss-qr svg{width:100%;height:100%;display:block}
.pd-ss-wx b{display:block;font:600 13px/1.3 var(--sans);color:var(--ink,#141414)}
.pd-ss-wx small{display:block;margin-top:4px;font:12px/1.45 var(--sans);color:var(--mute,#8C8C8C)}
/* touch: bottom card */
.pd-ss-m{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:75;max-width:520px;margin:0 auto;box-sizing:border-box;border-radius:18px;background:#FBF6EC;border:1px solid #E7DCC8;
 box-shadow:0 -6px 28px rgba(60,40,20,.16);padding:12px 12px 10px;color:#1E1A16;font-family:var(--sans);animation:pd-ss-up .18s ease-out}
@keyframes pd-ss-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pd-ss-m .pd-ss-hh{position:absolute;left:14px;top:-30px;width:44px;height:47px}.pd-ss-m .pd-ss-hh svg{width:44px;height:47px}
.pd-ss-m .pd-ss-say{left:60px;top:-24px}
.pd-ss-x{position:absolute;right:6px;top:4px;width:36px;height:36px;border:0;background:none;color:#8C8478;font:400 22px/1 var(--sans);cursor:pointer}
.pd-ss-pv{margin:2px 34px 10px 54px;font:13px/1.45 var(--serif);color:#4A4038;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-ss-g{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pd-ss-g>button,.pd-ss-g>a{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:#4A4038;font:500 12px/1.2 var(--sans);padding:0;text-decoration:none;cursor:pointer;min-width:0}
.pd-ss-g span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:22px;background:#F1E8D8;color:#1E1A16}
.pd-ss-g span .pd-ss-ic{width:20px;height:20px}
.pd-ss-g .pri span{background:#D9643A;color:#fff}
[data-theme=dark] .pd-ss-m{background:#2A2420;border-color:#3D342C;color:#F2EADF;box-shadow:0 -6px 28px rgba(0,0,0,.5)}
[data-theme=dark] .pd-ss-pv{color:#D8CEC1}[data-theme=dark] .pd-ss-g>button,[data-theme=dark] .pd-ss-g>a{color:#D8CEC1}
[data-theme=dark] .pd-ss-g span{background:#3A322B;color:#F2EADF}[data-theme=dark] .pd-ss-g .pri span{background:#D9643A;color:#fff}
[data-theme=dark] .pd-ss-x{color:#A89E92}
/* quote-card sheet */
.pd-ss-ps{position:fixed;inset:0;z-index:90;background:rgba(10,10,10,.74);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}
.pd-ss-psx{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:none;color:#fff;font:400 30px/1 var(--sans);cursor:pointer}
.pd-ss-sw{display:flex;gap:8px}
.pd-ss-sw button{height:32px;padding:0 15px;border-radius:16px;display:inline-flex;align-items:center;font:500 13px/1 var(--sans);color:#fff;background:none;border:1px solid rgba(255,255,255,.38);cursor:pointer}
.pd-ss-sw button[aria-selected=true]{background:#fff;color:#141414;border-color:#fff}
.pd-ss-im{display:flex;align-items:center;justify-content:center;min-height:200px;max-width:100%}
.pd-ss-img{display:block;height:min(62vh,600px);max-width:calc(100vw - 32px);object-fit:contain;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.pd-ss-ld{display:flex;align-items:center;gap:10px;color:#fff;font:500 14px/1 var(--sans)}
.pd-ss-ld i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:pd-ss-spin .8s linear infinite}
@keyframes pd-ss-spin{to{transform:rotate(360deg)}}
.pd-ss-im p{color:#fff;font:500 14px/1.4 var(--sans)}
.pd-ss-hint{margin:0;color:#fff;font:500 14px/1.4 var(--sans);opacity:.9;text-align:center}
.pd-ss-acts{display:flex;gap:10px}
.pd-ss-acts a,.pd-ss-acts button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border-radius:20px;border:0;background:#fff;color:#141414;font:600 14px/1 var(--sans);text-decoration:none;cursor:pointer}
.pd-ss-acts .pri{background:#D9643A;color:#fff}
/* landing chip */
.pd-ss-chip{position:absolute;z-index:74;display:flex;align-items:center;gap:7px;height:30px;padding:0 4px 0 11px;border-radius:15px;background:#1E1A16;color:#FBF6EC;font:500 12px/1 var(--sans);white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.pd-ss-chip .pd-ss-ic{width:13px;height:13px}
.pd-ss-chip button{height:24px;border:0;border-left:1px solid rgba(251,246,236,.22);background:none;color:rgba(251,246,236,.7);font:inherit;padding:0 8px;cursor:pointer}
.pd-ss-chip.m{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom));height:38px;border-radius:19px;font-size:13px;padding-left:14px}
.pd-ss-chip.m button{height:30px;padding:0 12px}
[data-theme=dark] .pd-ss-chip{background:#FBF6EC;color:#1E1A16}[data-theme=dark] .pd-ss-chip button{color:rgba(30,26,22,.6);border-color:rgba(30,26,22,.2)}
@media (prefers-reduced-motion:reduce){.pd-ss,.pd-ss-m,.pd-ss-say,.pd-ss-ld i{animation:none!important}}
@media print{.pd-ss,.pd-ss-m,.pd-ss-chip,.pd-ss-wx,.pd-ss-ps{display:none!important}}
/* the settle-then-offer Hoot dot (Felix 2026-10-28 (2)): 28px beside the selection's last line; touch: 44px corner button */
.pd-ss-dot{position:absolute;z-index:75;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid #E7DCC8;background:#FBF6EC;box-shadow:0 3px 10px rgba(60,40,20,.18);
 display:flex;align-items:center;justify-content:center;cursor:pointer;animation:pd-ss-in .16s ease-out}
.pd-ss-dot svg{width:22px;height:24px;display:block;overflow:visible;color:#1E1A16}
.pd-ss-dot .c,.pd-ss-dot .h{fill:#FBF6EC}.pd-ss-dot .h{stroke:none}.pd-ss-dot .w,.pd-ss-dot .rk{fill:#D9643A}
.pd-ss-dot:hover,.pd-ss-dot:focus-visible{border-color:#D9643A;outline:none;box-shadow:0 0 0 3px rgba(217,100,58,.28),0 3px 10px rgba(60,40,20,.18)}
.pd-ss-dot.m{position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:44px;height:44px}
.pd-ss-dot.m svg{width:32px;height:35px}
[data-theme=dark] .pd-ss-dot{background:#2A2420;border-color:#3D342C;box-shadow:0 3px 10px rgba(0,0,0,.5)}
[data-theme=dark] .pd-ss-dot .o{stroke:#D9643A}
@media (prefers-reduced-motion:reduce){.pd-ss-dot{animation:none}}
@media print{.pd-ss-dot{display:none!important}}
