Function ScrollHint

src/Components/Home/home.jsx:310–344

({show, onClick})

}

function ScrollHint({show, onClick}) {
    return (
        <Box
            component="button"
            type="button"
            aria-label="滚动到下一屏"
            onClick={onClick}
            sx={{
                position: 'fixed',
                left: '50%',
                bottom: 24,
                transform: 'translateX(-50%)',
                p: 0,
                border: 'none',
                background: 'none',
                font: 'inherit',
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
                gap: 0.25,
                color: 'text.secondary',
                cursor: 'pointer',
                zIndex: 10,
                opacity: show ? 0.85 : 0,
                pointerEvents: show ? 'auto' : 'none',
                transition: 'opacity 0.4s ease, color 0.2s ease',
                '&:hover': {color: 'primary.main'},
                '&:focus-visible': {outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 4, borderRadius: 1},
            }}
        >
            <Typography variant='caption' sx={{letterSpacing: '0.12em'}}>向下滑动</Typography>
            <KeyboardArrowDown className='ScrollHint'/>
        </Box>
    );
}

function readCachedStars() {
    try {