.my-page{font-size:14px;overflow:hidden;margin:0 auto;text-align:center;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:16px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;backdrop-filter:blur(8px)}.dark .my-page{background:linear-gradient(135deg,#1e293be6,#0f172ae6);box-shadow:0 4px 20px #0000004d,0 1px 3px #0003}.my-page .my-page-prev,.my-page .my-page-next{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#fff,#fafafa);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#64748b;position:relative;overflow:hidden}.my-page .my-page-prev:before,.my-page .my-page-next:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);opacity:0;transition:opacity .25s ease}.my-page .my-page-prev:hover:before,.my-page .my-page-next:hover:before{opacity:1}.my-page .my-page-prev:hover svg,.my-page .my-page-next:hover svg{color:#fff;transform:scale(1.1)}.my-page .my-page-prev svg,.my-page .my-page-next svg{position:relative;z-index:1;transition:all .25s ease}.dark .my-page .my-page-prev,.dark .my-page .my-page-next{background:linear-gradient(135deg,#334155,#1e293b);border-color:#47556980;color:#94a3b8}.my-page .my-page-prev:hover,.my-page .my-page-next:hover{border-color:#2563eb;color:#fff;box-shadow:0 6px 20px #2563eb4d,0 2px 8px #2563eb33;transform:translateY(-2px)}.dark .my-page .my-page-prev:hover,.dark .my-page .my-page-next:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 6px 20px #2563eb66}.my-page .my-page-prev.my-page-forbid,.my-page .my-page-next.my-page-forbid{pointer-events:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#cbd5e1;border-color:#e2e8f0;opacity:.6}.my-page .my-page-prev.my-page-forbid:before,.my-page .my-page-next.my-page-forbid:before{display:none}.dark .my-page .my-page-prev.my-page-forbid,.dark .my-page .my-page-next.my-page-forbid{background:linear-gradient(135deg,#1e293b,#0f172a);color:#475569;border-color:#334155}.my-page .my-page-group{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;overflow:hidden}.my-page .my-page-group li{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:15px;position:relative;overflow:hidden}.my-page .my-page-group .my-page-cell{border:1.5px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#fff,#fafafa);color:#64748b}.dark .my-page .my-page-group .my-page-cell{background:linear-gradient(135deg,#334155,#1e293b);border-color:#47556980;color:#94a3b8}.my-page .my-page-group .my-page-cell:not(.my-page-checked):hover{border-color:#2563eb;color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 6px 20px #2563eb33;transform:translateY(-2px)}.dark .my-page .my-page-group .my-page-cell:not(.my-page-checked):hover{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-color:#3b82f6;color:#60a5fa;box-shadow:0 6px 20px #2563eb40}.my-page .my-page-group .my-page-checked{border-color:transparent;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 6px 20px #2563eb73,0 2px 8px #2563eb4d;font-weight:600;transform:scale(1.05)}.dark .my-page .my-page-group .my-page-checked{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;box-shadow:0 6px 20px #2563eb80}.my-page .my-page-group .my-page-omit{color:#94a3b8;pointer-events:none;border:0;background:0 0;font-weight:400;letter-spacing:2px}.dark .my-page .my-page-group .my-page-omit{color:#64748b}.my-page-info{display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:#64748b;font-size:14px}.dark .my-page-info{color:#94a3b8}@media (max-width:640px){.my-page{gap:4px;padding:6px 8px}.my-page .my-page-prev,.my-page .my-page-next{width:38px;height:38px;border-radius:10px}.my-page .my-page-group li{min-width:38px;height:38px;padding:0 6px;border-radius:10px;font-size:14px}.my-page .my-page-prev svg,.my-page .my-page-next svg{width:18px;height:18px}}