fix pid regex, improve sidebar

src/Sidebar.css

@@ -35,7 +35,7 @@
 .sidebar, .sidebar-title {
     will-change: left;
     left: 100%;
-    transition: left 150ms ease-out;
+    transition: left 200ms cubic-bezier(0.15, 0.55, 0.55, 1);
     z-index: 21;
     width: calc(100% - 700px);
 }
@@ -79,14 +79,14 @@
 }
 @media screen and (max-width: 580px) {
     .sidebar, .sidebar-title {
-        width: calc(100% - 30px);
+        width: calc(100% - 27px);
     }
     .sidebar, .sidebar-title {
         padding-left: .25em;
         padding-right: .25em;
     }
     .sidebar-on .sidebar, .sidebar-on .sidebar-title {
-        left: 30px;
+        left: 27px;
     }
 }
 

src/text_splitter.js

@@ -1,5 +1,5 @@
 // regexp should match the WHOLE segmented part
-export const PID_RE=/(^|[^\d])([1-9]\d{4,5})(?!\d|\u20e3|\ufe0e|\ufe0f)/g;
+export const PID_RE=/(^|[^\d\u20e3\ufe0e\ufe0f])([1-9]\d{4,5})(?![\d\u20e3\ufe0e\ufe0f])/g;
 export const URL_PID_RE=/((?:https?:\/\/)?pkuhelper\.pku\.edu\.cn\/hole\/?#(?:#|%23)([1-9]\d{4,5}))(?!\d|\u20e3|\ufe0e|\ufe0f)/g;
 export const NICKNAME_RE=/(^|[^A-Za-z])((?:(?:Angry|Baby|Crazy|Diligent|Excited|Fat|Greedy|Hungry|Interesting|Japanese|Kind|Little|Magic|Naïve|Old|Powerful|Quiet|Rich|Superman|THU|Undefined|Valuable|Wifeless|Xiangbuchulai|Young|Zombie)\s)?(?:Alice|Bob|Carol|Dave|Eve|Francis|Grace|Hans|Isabella|Jason|Kate|Louis|Margaret|Nathan|Olivia|Paul|Queen|Richard|Susan|Thomas|Uma|Vivian|Winnie|Xander|Yasmine|Zach)|You Win(?: \d+)?|洞主)(?![A-Za-z])/gi;
 export const URL_RE=/(^|[^.@a-zA-Z0-9_])((?:https?:\/\/)?(?:(?:[\w-]+\.)+[a-zA-Z]{2,3}|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{1,5})?(?:\/[\w~!@#$%^&*()\-_=+[\];,./?]*)?)(?![a-zA-Z0-9])/gi;